正则表达式输入框验证

Posted jcjssl

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了正则表达式输入框验证相关的知识,希望对你有一定的参考价值。

说明

 1 onkeyup”=按键抬起触发,“onafterpaste”=粘贴之后触发,整体的意思是用于限制
 2 
 3 \D:类似[^0-9] 非数字
 4 /g:全局
 5 this.value=this.value.replace(/\D/g,‘‘) :把所有非数字的替换成空
 6 
 7 img 是模式,为可选参数
 8 i 忽略大小写
 9 m 多行模式
10 g 全局模式
11 
12 \D等价于[^0-9]
13 \w等价于[A-Za-z_0-9]
14 \W等价于[^A-Za-z_0-9]
15 
16 ?等价于匹配长度0,1
17 *等价于匹配长度0,
18 +等价于匹配长度1,
19 \d等价于[0-9]

html:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6 </head>
 7 <body>
 8 
 9 只能输入正整数(小数点也不能输入):<input type="text" placeholder="只能输入数字" onkeyup="this.value=this.value.replace(/\D/g,‘‘)"
10                          onafterpaste="this.value=this.value.replace(/\D/g,‘‘)"><br>
11 只能输入字母:<input type="text" placeholder="只能输入字母" onkeyup="value=value.replace(/[^A-Za-z]/ig,‘‘)"><br>
12 只能输入汉字:<input type="text" placeholder="只能输入汉字" onkeyup="value=value.replace(/[^[\u4e00-\u9fa5]*/ig,‘‘)"><br>
13 
14 只能输入数字和字母(不能输入符号):<input type="text" placeholder="只能输入数字和字母" onkeyup="value=value.replace(/[^A-Za-z0-9]/ig,‘‘)"><br>
15 只能输入数字和汉字:<input type="text" placeholder="只能输入数字和汉字" onkeyup="value=value.replace(/[^0-9\u4e00-\u9fa5]/g,‘‘)"><br>
16 只能输入字母和汉字:<input type="text" placeholder="只能输入字母和汉字" onkeyup="value=value.replace(/[^A-Za-z\u4e00-\u9fa5]/g,‘‘)"><br>
17 
18 只能输入非零的正整数:<input type="text" placeholder="只能输入非零的正整数"
19                   onkeyup="if(this.value.length==1)this.value=this.value.replace(/[^1-9]/g,‘‘)elsethis.value=this.value.replace(/\D/g,‘‘)"><br>
20 </body>
21 <script>
22     //只能输入大于或等于0的数,或者是小数
23     function IsIntegerOrDecimal(id) 
24         var str = document.getElementById(id).value.trim();
25         if (str.length != 0) 
26             var reg = /^[1-9]\d*(\.[0-9]+)?|0(\.[0-9]+)?$/;
27             if (!reg.test(str)) 
28                 return false;
29              else 
30                 return true;
31             
32         
33     
34 </script>
35 </html>

 

以上是关于正则表达式输入框验证的主要内容,如果未能解决你的问题,请参考以下文章

正则表达式怎么来验证输入框中只能输入整数而且不能以0开头;就是不能输入001这样的数字;

怎么用js正则验证文本框只能输入中文和英文

js 正则验证输入框只允许输入正整数或者负整数?

正则表达式,电子邮件验证从文本框中获取用户输入

正则表达式输入框验证

JavaScript ---[表单验证,正则表达式]