![如何使用JS通过正则限制input输入框只能输入整数,小数两位小数,第1张 如何使用JS通过正则限制input输入框只能输入整数,小数两位小数,第1张](/aiimages/%E5%A6%82%E4%BD%95%E4%BD%BF%E7%94%A8JS%E9%80%9A%E8%BF%87%E6%AD%A3%E5%88%99%E9%99%90%E5%88%B6input%E8%BE%93%E5%85%A5%E6%A1%86%E5%8F%AA%E8%83%BD%E8%BE%93%E5%85%A5%E6%95%B4%E6%95%B0%EF%BC%8C%E5%B0%8F%E6%95%B0%E4%B8%A4%E4%BD%8D%E5%B0%8F%E6%95%B0.png)
第一: 限制只能是整数<input type = "text" name= "number" id = 'number' onkeyup= "if(! /^d+$/.test(this.value)){alert('只能整数')this.value=''}" />如果不是整数就直接alert第二: 限制是两位的小数<input type = "text" name= "price" id = 'price' onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert('只能输入数字,小数点后只能保留两位')this.value=''}" />原理:通过 正则表达式判断,不满足 执行alert。第一个正则表达式是 /^d+$/ 表示可以是一个或者多个数字第二个正则表达式是/^d*(?:.d{0,2})?$/表示必须是数字开头,数字结尾。这里重点是要数字结尾, 在计算机中通常小数 1. , 2. 这种写法, 就是可是小数点结尾的, 是正确的。这里强制让数字结尾。test()只要找到满足的部分就返回真。意思是是/d/. test ( 'a' ) // false/d/. test ( 'a' ) // true/d/. test ( 'a' ) // true所以要保证谁开头谁结尾。 开头用 $, 结尾用 ^
/^\d+(\.\d*)?$|^\.\d+$/,这个正则既不限制开头0的个数也不限制小数点后面的数字的多少,都返回true.
这个才是正确判断条件:
1、正数,2、两位数及以上不能以0开头,3、最多只有两位小数
/^[1-9]+\d*(\.\d{0,2})?$|^0?\.\d{0,2}$/.test(str)
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字')this.value=''}">
js正则表达语法:
1、/^\[ \t]*$/ "^\[ \t]*$" 匹配一个空白行。
2、/\d{2}-\d{5}/ "\d{2}-\d{5}" 验证一个ID 号码是否由一个2位数字,一个连字符以及一个5位数字组成。
3、/<(.*)>.*<\/\1>/ "<(.*)>.*<\/\1>" 匹配一个 HTML 标记。