Input常用的输入框验证(正则)

电玩女神 2022-05-25 01:38 201阅读 0赞

1、只是不能输入空格

\[html\] [view plain][] [copy][view plain]

1.  **<****input** type="text" onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"**>**

2、不能输入空格及英文状态下的逗号

\[html\] [view plain][] [copy][view plain]

1.  **<****input** type="text" onkeyup="this.value=this.value.replace(/\[, \]/g,'')"**>**

3、只能输入数字

\[html\] [view plain][] [copy][view plain]

1.  **<****input** type="text" maxlength="11" onkeyup="value=value.replace(/\[^\\d\]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\d\]/g,''))"**/>**

最近发现有可能因为手机输入内容联想可以跳过input 中限制只能输入数字 大家额外注意下把     可以在js中在限制下把!

isNaN();验证非数字类型

4、只能输入英文及数字

\[html\] [view plain][] [copy][view plain]

1.  **<****input** type='text' maxlength="17" onkeyup="value=value.replace(/\[\\W\]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^\\d\]/g,''))"**/>**

5、验证首位是汉字

\[html\] [view plain][] [copy][view plain]

1.  // 汉字  
2.  var reg = new RegExp("\[\\\\u4E00-\\\\u9FFF\]+","g");  
3.  if(!reg.test(plateNumber.charAt(0)))\{  
4.      alert("请输入首位汉字");  
5.      return;  
6.  \}

6、第二位为英文字母

\[html\] [view plain][] [copy][view plain]

1.  //验证是英文字母  
2.  var regl= /^\[A-Za-z\]+$/;  
3.  if(!regl.test(plateNumber.charAt(1)))\{  
4.          alert("请输入第二位为英文字母");  
5.          return;  
6.  \}

7、后几位是数字英文字母组合

\[html\] [view plain][] [copy][view plain]

1.  // 英文字母或数字  
2.  var regx = /^\[A-Za-z0-9\]\*$/;  
3.  var aa = plateNumber.substr(plateNumber.length-5);  
4.  if(!regx.test(aa))\{  
5.      alert("请输入正确组合");  
6.      return;  
7.  \}

567联合是验证车牌号

8、只能输入汉字、英文、数字

\[html\] [view plain][] [copy][view plain]

1.  **<****input** type="text"  onkeyup="value=value.replace(/\[^\\w\\u4E00-\\u9FA5\]/g, '')"**/>**

9、**number 慎行 容易引起bug  改变样式    有写英文字母拦截不住比如：e**

\[java\] [view plain][] [copy][view plain]

1.  <input type="number">

10、js纯数字验证

\[javascript\] [view plain][] [copy][view plain]

1.  // 纯数字正则  
2.  ar reg = /^\[0-9\]\*$/;  
3.  **if**(!reg.test(vmobile))\{  
4.      alert("请输入纯数字");  
5.  \}

11、js数字英文字母混合

\[javascript\] [view plain][] [copy][view plain]

1.  // 数字英语混合  
2.  **var** rel = /^\[0-9a-zA-Z\]+$/  
3.  **if**(!rel.test(vChassisNumber))\{  
4.      alert("请输入数字或英文字母");  
5.  \}

**12、H5的小伙伴注意：长度限制组合字符输入类型 IOS可能限制不住，坑谨慎入**

\[html\] [view plain][] [copy][view plain]

1.  **<****textarea** placeholder="请输入内容"  maxlength="200"**>****</****textarea****>**  
2.  **<****input** type="text" maxlength="20"**>**

<hr>

1.文本框只能输入数字代码(小数点也不能输入)   
<input οnkeyup="this.value=this.value.replace(/\\D/g,'')" onafterpaste="this.value=this.value.replace(/\\D/g,'')">  
2.只能输入数字,能输小数点.   
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">   
<input name=txt1 οnchange="if(/\\D/.test(this.value))\{alert('只能输入数字');this.value='';\}">   
3.数字和小数点方法二   
<input type=text t\_value="" o\_value="" οnkeypress="if(!this.value.match(/^\[\\+\\-\]?\\d\*?\\.?\\d\*?$/))this.value=this.t\_value;else this.t\_value=this.value;if(this.value.match(/^(?:\[\\+\\-\]?\\d+(?:\\.\\d+)?)?$/))this.o\_value=this.value" οnkeyup="if(!this.value.match(/^\[\\+\\-\]?\\d\*?\\.?\\d\*?$/))this.value=this.t\_value;else this.t\_value=this.value;if(this.value.match(/^(?:\[\\+\\-\]?\\d+(?:\\.\\d+)?)?$/))this.o\_value=this.value" οnblur="if(!this.value.match(/^(?:\[\\+\\-\]?\\d+(?:\\.\\d+)?|\\.\\d\*?)?$/))this.value=this.o\_value;else\{if(this.value.match(/^\\.\\d+$/))this.value=0+this.value;if(this.value.match(/^\\.$/))this.value=0;this.o\_value=this.value\}">   
4.只能输入字母和汉字   
<input οnkeyup="value=value.replace(/\[\\d\]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[\\d\]/g,''))" maxlength=10 name="Numbers">   
5.只能输入英文字母和数字,不能输入中文   
<input οnkeyup="value=value.replace(/\[^\\w\\.\\/\]/ig,'')">   
6.只能输入数字和英文<font color="Red">chun</font>   
<input onKeyUp="value=value.replace(/\[^\\d|chun\]/g,'')">   
7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:   
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\\.\\d\\d$/.test(value))event.returnValue=false">   
8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

禁止特殊字符：

onKeyPress="if(event.keyCode < 45 || event.keyCode > 57 ) event.returnValue = false;"

只能输入汉字：  
<input οnkeyup="value=value.replace(/\[^/u4E00-/u9FA5\]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^/u4E00-/u9FA5\]/g,''))">

style="ime-mode:disabled"禁止汉字输入法

只能输入数字：

只能输入英文和数字：  
<input οnkeyup="value=value.replace(/\[/W\]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^/d\]/g,''))">

控制输入框只能输入文字或数字，也可以不允许输入特殊字符  
这里不允许输入如下字符: (像 ^&\* 等)<br>  
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">

只禁止空格输入  
οnkeyup="value=value.replace(//s/g,'')"

οnkeydοwn="if(event.keyCode==32) return false"

只能输入中文和英文：  
οnkeyup="value=value.replace(/\[^/a-zA-Z/u4E00-/u9FA5\]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[^/a-zA-Z/u4E00-/u9FA5\]/g,''))"

不允许输入特殊字符和空格:

————————————————————————————————————————

**不能为空**  
<input οnblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">

**判断字符由字母和数字，下划线,点号组成.且开头的只能是下划线和字母**  
/^(\[a-zA-z\_\]\{1\})(\[\\w\]\*)$/g.test(str)

**只能输入数字**  
<input name="text" type="text" id="NewPage" onKeyUp="value=value.replace(/\\D/g,'')" onafterpaste="value=value.replace(/\\D/g,'')" >

**只能输入中文**  
<input type="text" οnkeyup="value=value.replace(/\[^\\u4E00-\\u9FA5\]/g,'')">

**只能输入英文**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z\]/g,'')">  
<input type="text" οnkeyup="value=value.replace(/\[^a-zA-Z\]/g,'')">

\--------------------------------------------------------------------------------------------------------------------

1.文本框只能输入数字代码(小数点也不能输入)  
<input οnkeyup="this.value=this.value.replace(//D/g,'')" onafterpaste="this.value=this.value.replace(//D/g,'')">

2.只能输入数字,能输小数点.  
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">  
<input name=txt1 οnchange="if(//D/.test(this.value))\{alert('只能输入数字');this.value='';\}">

3.数字和小数点方法二  
<input type=text t\_value="" o\_value="" οnkeypress="if(!this.value.match(/^\[/+/-\]?/d\*?/.?/d\*?$/))this.value=this.t\_value;else this.t\_value=this.value;if(this.value.match(/^(?:\[/+/-\]?/d+(?:/./d+)?)?$/))this.o\_value=this.value" οnkeyup="if(!this.value.match(/^\[/+/-\]?/d\*?/.?/d\*?$/))this.value=this.t\_value;else this.t\_value=this.value;if(this.value.match(/^(?:\[/+/-\]?/d+(?:/./d+)?)?$/))this.o\_value=this.value" οnblur="if(!this.value.match(/^(?:\[/+/-\]?/d+(?:/./d+)?|/./d\*?)?$/))this.value=this.o\_value;else\{if(this.value.match(/^/./d+$/))this.value=0+this.value;if(this.value.match(/^/.$/))this.value=0;this.o\_value=this.value\}">

//input输入框只能输入数字和 小数点后两位
    function num(obj,val){
    obj.value = obj.value.replace(/[^\d.]/g,""); //清除"数字"和"."以外的字符
    obj.value = obj.value.replace(/^\./g,""); //验证第一个字符是数字
    obj.value = obj.value.replace(/\.{2,}/g,""); //只保留第一个, 清除多余的
    obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
    obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3'); //只能输入两个小数
    }
     
    //调用
     oninput="num(this)"

4.只能输入字母和汉字  
<input οnkeyup="value=value.replace(/\[/d\]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/\[/d\]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文  
<input οnkeyup="value=value.replace(/\[^/w/.//\]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>  
<input onKeyUp="value=value.replace(/\[^/d|chun\]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:  
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || //./d/d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:  
<input οnkeyup="this.value=this.value.replace(/^(/-)\*(/d+)/.(/d/d).\*$/,'$1$2.$3')">

**只能输入中文、英文、数字、@符号和.符号**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z0-9\\u4E00-\\u9FA5\\@\\.\]/g,'')">

**只允许输入英文，且不能粘贴也无法弹出粘贴菜单**  
<input type="text" οnkeyup="value=value.replace(/\[^\\a-\\z\\A-\\Z\]/g,'')" οnkeydοwn="fncKeyStop(event)" οnpaste="return false" oncontextmenu = "return false"/>

**只能输入数字和点号(注意:在\[^\\d\\.\]里的d不能写成大写D,否则就变成除了数字以外的所有字符)**  
<input name="price" type="text" size="8" maxlength="8" οnkeyup="value=value.replace(/\[^\\d\\.\]/g,'')" >

总而言之:先在<input>里输入οnkeyup="value=value.replace(/\[^\\X\]/g,'')" 然后在(/\[\\X\]/g,'')里的X换成你想输入的代码就可以了

**中文**：u4E00-u9FA5  
**数字**：d、0-9  
**英文**：a-z、A-Z  
其它符号@,点或其它符号.也可以多个,用\\隔开就行了.  
例如:  
中、英文和数字加@符号加点符号：\\a-\\z\\A-\\Z0-9\\u4E00-\\u9FA5\\@\\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话就要在<input>里输入 onKeyDown="fncKeyStop(event)" οnpaste="return false" οncοntextmenu="return false;"

\---------------------------------------------------------------------------------------------------------------------------------------

**其一，只允许输入数字和小数点。   
<input onKeypress="return (/\[/d.\]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">   
  
其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来   
  
<script>   
function check()\{   
if (isNaN(tt.value))   
\{alert("非法字符！");   
tt.value="";\}   
\}   
</script>   
<input type="text" name="tt" οnkeyup="check();">   
  
其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。   
  
<script language=javascript>   
function onlyNum()   
\{   
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))   
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))   
event.returnValue=false;   
\}   
</script><input οnkeydοwn="onlyNum();" style="ime-mode:Disabled>   
结语,其实   
  
style="ime-mode:Disabled   
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。   
  
只允许输入数字   
<input name="username" type="text" οnkeyup="value=this.value.replace(//D+/g,'')">   
  
只允许输入英文字母、数字和下划线(以下二种方法实现)   
<input name="userna其一，只允许输入数字和小数点。   
<input onKeypress="return (/\[/d.\]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled">   
  
其二，判断的更详细一些，甚至22..2这样不算数字也判断得出来   
  
<script>   
function check()\{   
if (isNaN(tt.value))   
\{alert("非法字符！");   
tt.value="";\}   
\}   
</script>   
<input type="text" name="tt" οnkeyup="check();">   
  
其三，只允许输入整数。其实也完全可以根据第三条来举一反三做一些限制。   
  
<script language=javascript>   
function onlyNum()   
\{   
if(!(event.keyCode==46)&&!(event.keyCode==8)&&!(event.keyCode==37)&&!(event.keyCode==39))   
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))   
event.returnValue=false;   
\}   
</script><input οnkeydοwn="onlyNum();" style="ime-mode:Disabled>   
结语,其实   
  
style="ime-mode:Disabled   
这句是比较实用的。意为关闭输入法。省得有些人开着全角输入数字，结果输入不进去来找你哭天抹泪的，还怪你设计的不好。   
  
只允许输入数字   
<input name="username" type="text" οnkeyup="value=this.value.replace(//D+/g,'')">   
  
只允许输入英文字母、数字和下划线(以下二种方法实现)   
<input name="username" type="text" style="ime-mode:disabled">   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/w/.//\]/ig,'')">   
  
只允许输入英文字母、数字和&=@   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/w=@&\]|\_/ig,'')">   
  
只允许输入汉字   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/u4E00-/u9FA5\]/g,'')">   
me" type="text" style="ime-mode:disabled">   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/w/.//\]/ig,'')">   
  
只允许输入英文字母、数字和&=@   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/w=@&\]|\_/ig,'')">   
  
只允许输入汉字   
<input name="username" type="text" οnkeyup="value=value.replace(/\[^/u4E00-/u9FA5\]/g,'')"> **

[view plain]: https://blog.csdn.net/extraordinarylife/article/details/52859574#