JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金) 两位小数

转载最新推荐文章于 2025-11-06 10:21:17 发布 5.3k 阅读 AI写同款

收录于

ole_triangle_java

码龄10年墨衍会员 · AI 创作全网分发

82粉丝83篇原创

关注

正则验证小数点后面只能有两位数的方法只要有第三位就清除 <input type=text onkeyup=value=value.replace(/\.\d{2,}$/,value.substr(value.indexOf('.'),3)) /> jquery validate 验证： jQuery.validator.addMethod(lrunlv, function(value, element) { return this.optional(element) || /^\d+(\.\d{1,2})?$/.test(value); }, 小数位不能超过三位); //验证小数点后的位数 jQu 立即下载

AI摘要

本文介绍了使用JavaScript进行网页表单输入框验证的方法，包括限制输入内容为整数、两位小数等，同时提供了多种常见输入限制的示例代码。

第一：限制只能是整数

1	`<input type =` `"text"` `name=` `"number"` `id =` `'number'` `onkeyup=` `"if(! /^d+$/.test(this.value)){alert('只能整数');this.value='';}"` `/>`

如果不是整数就直接alert

第二：限制是两位的小数

1	`<input type =` `"text"` `name=` `"price"` `id =` `'price'` `onkeyup=` `"if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输入数字，小数点后只能保留两位');this.value='';}"` `/>`

原理：

通过正则表达式判断，不满足执行alert。

第一个正则表达式是 /^d+$/ 表示可以是一个或者多个数字

第二个正则表达式是

1	`/^d*(?:.d{0,2})?$/`

表示必须是数字开头，数字结尾。

这里重点是要数字结尾，在计算机中通常小数 1. , 2. 这种写法，就是可是小数点结尾的，是正确的。这里强制让数字结尾。

test()

只要找到满足的部分就返回真。

意思是是

1

2

3

 
         /d/. test ( 
         'a' 
          ) 
         // false
        
 
         /d/. test ( 
         'a' 
          ) 
         // true
        
 
         /d/. test ( 
         'a' 
          ) 
         // true
        

所以要保证谁开头谁结尾。开头用 $, 结尾用 ^

下面给大家介绍js正则限制input框输入的常用代码

1.只能输入数字和英文的：

1

2

3

 
         <input onkeyup=
         "value=value.replace(/[\W]/g,'') "
        
 
         onbeforepaste=
         "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
        
 
         ID=
         "Text1" 
          NAME=
         "Text1"
         >
        

2.只能输入数字的：

1

2

3

 
         <input onkeyup=
         "value=value.replace(/[^\d]/g,'') "
        
 
         onbeforepaste=
         "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"
        
 
         ID=
         "Text2" 
          NAME=
         "Text2"
         >
        

3.只能输入全角的：

1

2

3

 
         <input onkeyup=
         "value=value.replace(/[^\uFF00-\uFFFF]/g,'')"
        
 
         onbeforepaste=
         "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\uFF00-\uFFFF]/g,''))"
        
 
         ID=
         "Text3" 
          NAME=
         "Text3"
         >
        

4.只能输入汉字的：

1

2

3

 
         <input onkeyup=
         "value=value.replace(/[^\u4E00-\u9FA5]/g,'')"
        
 
         onbeforepaste=
         "clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"
        
 
         ID=
         "Text4" 
          NAME=
         "Text4"
         >
        

5.邮件地址验证：

 
         var 
          regu = 
        
         "^(([0-9a-zA-Z]+)|([0-9a-zA-Z]+[_.0-9a-zA-Z-]*[0-9a-zA-Z]+))@([a-zA-Z0-9-]+[.])+([a-zA-Z]{2}|net|NET|com|COM|gov|GOV|mil|MIL|org|ORG|edu|EDU|int|INT)$"
        
         var 
          re = 
         new 
          RegExp(regu); 
        
         if 
          (s.search(re) != -1) { 
        
         return 
          true
         ; 
        
         } 
         else 
          { 
        
         window.alert (
         "请输入有效合法的E-mail地址 ！"
         ) 
        
         return 
          false
         ; 
        
         }

6.身份证：

 
         "^\\d{17}(\\d|x)$"
        
         7.17种正则表达式 
        
         "^\\d+$"
         　　
         //非负整数（正整数 + 0） 
        
         "^[0-9]*[1-9][0-9]*$"
         　　
         //正整数 
        
         "^((-\\d+)|(0+))$"
         　　
         //非正整数（负整数 + 0） 
        
         "^-[0-9]*[1-9][0-9]*$"
         　　
         //负整数 
        
         "^-?\\d+$"
         　　　　
         //整数 
        
         "^\\d+(\\.\\d+)?$"
         　　
         //非负浮点数（正浮点数 + 0） 
        
         "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"
         　　
         //正浮点数 
        
         "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"
         　　
         //非正浮点数（负浮点数 + 0） 
        
         "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"
         　　
         //负浮点数 
        
         "^(-?\\d+)(\\.\\d+)?$"
         　　
         //浮点数 
        
         "^[A-Za-z]+$"
         　　
         //由26个英文字母组成的字符串 
        
         "^[A-Z]+$"
         　　
         //由26个英文字母的大写组成的字符串 
        
         "^[a-z]+$"
         　　
         //由26个英文字母的小写组成的字符串 
        
         "^[A-Za-z0-9]+$"
         　　
         //由数字和26个英文字母组成的字符串 
        
         "^\\w+$"
         　　
         //由数字、26个英文字母或者下划线组成的字符串 
        
         "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"
         　　　　
         //email地址 
        
         "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"
         　　//url

1.取消按钮按下时的虚线框

　　在input里添加属性值 hideFocus 或者 HideFocus=true

2.只读文本框内容

在input里添加属性值 readonly

3.防止退后清空的TEXT文档(可把style内容做做为类引用)

1 2	`<INPUT style=behavior:url(` `#default#savehistory); type=text` `id=oPersistInput>`

4.ENTER键可以让光标移到下一个输入框

1	`<input onkeydown=` `"if(event.keyCode==13)event.keyCode=9"` `>`

5.只能为中文(有闪动)

1 2	`<input onkeyup=` `"value="` `/value.replace(/[` `" -~]/g,'')"` `onkeydown=` `"if(event.keyCode==13)event.keyCode=9"` `>`

6.只能为数字(有闪动)

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

7.只能为数字(无闪动)

1

2

3

 
         <input ime-mode:disabled
         " 
        
 
         onkeydown="
         if
         (event.keyCode==13)event.keyCode=9
         " onKeypress="
         if
        
 
         ((event.keyCode<48 || event.keyCode>57)) event.returnValue=
         false
         ">
        

8.只能输入英文和数字(有闪动)

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

9.屏蔽输入法

1 2	`<input type=` `"text"` `name=` `"url"` `ime-mode:disabled` `"` `onkeydown="` `if` `(event.keyCode==13)event.keyCode=9">`

10. 只能输入数字，小数点，减号（-）字符(无闪动)

1 2	`<input onKeyPress=` `"if (event.keyCode!=46 && event.keyCode!=45 &&` `(event.keyCode<48 \|\| event.keyCode>57)) event.returnValue=false"` `>`

11. 只能输入两位小数，三位小数(有闪动)

1

2

3

4

5

6

 
         <input maxlength=9 
        
         onkeyup=
         "if(value.match(/^\d{3}$/))value="
         /value.replace(value,parseInt(value/10))
         " 
        
         ;value="
         /value.replace(/\.\d*\./g,
         '."'
         )" onKeyPress=
         "if((event.keyCode<48 
        
         || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || 
        
         value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) 
        
         {event.returnValue=false}" 
          id=text_kfxe name=text_kfxe>