js控制文本框禁止输入特殊字符详解

2019-11-19 16:53:23

字体：大中小

来源：转载

供稿：网友

在开发难免遇到一些前端需要验证输入的数据是否合法的问题，收集分享在这里同学们使用，欢迎补充。

1.标签上直接替换方法：

JS 控制不能输入特殊字符

<input type="text"class="domain"onkeyup="this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')"；this.value=this.value.replace(/[^u4e00-u9fa5w]/g,'')

JS 控制文本框只能输入数字

<input onkeyup="value=value.replace(/[^0-9]/g,'')" onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能输入数字、小数点

<input onkeyup="value=value.replace(/[^/0-9/.]/g,'')" onpaste="value=value.replace(/[^/0-9/.]/g,'')" oncontextmenu = "value=value.replace(/[^/0-9/.]/g,'')">

JS 控制文本框只能输入英文

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z]/g,'')" oncontextmenu = "value=value.replace(/[^/a-/z/A-/Z]/g,'')">

JS 控制文本框只能输入英文、数字

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^/a-/z/A-/Z0-9]/g,'')">

JS 控制文本框只能输入中文

<input onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" onpaste="value=value.replace(/[^/u4E00-/u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^/u4E00-/u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/ ]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/ ]/g,'')" oncontextmenu = "value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/ ]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点

<input onkeyup="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')" onpaste="value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')" oncontextmenu = "value=value.replace(/[^/a-/z/A-/Z0-9/u4E00-/u9FA5/.]/g,'')">

2.输入之后立即清除：

//验证输入框内不能输入特殊字符,输入就立刻清除 function cleanSpelChar(th){     if(/["'<>%;)(&+]/.test(th.value)){        $(th).val(th.value.replace(/["'<>%;)(&+]/,""));     } }

3.如果是特殊字符，禁止输入：

//验证输入框内不能输入特殊字符，输入前先作判断 function processSpelChar(){   var code;   var character;   if(document.all){       code = window.event.keyCode;   }else{       code = arguments.callee.caller.arguments[0].which;   }   var character = String.fromCharCode(code);   var txt = new RegExp(/["'<>%;)(&+]/);   if(txt.test(character)){         if(document.all){           window.event.returnValue = false;       }else{           arguments.callee.caller.arguments[0].preventDefault();     }   } }

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持武林网！

上一篇：微信小程序商城开发（ecshop ）简单实例

下一篇：使用 NodeJS+Express 开发服务端的简单介绍