var a = $(this).val()
yanzheng(a)//验证方法
function yanzheng(a){
if(a.indexOf(".") >=0){
var b = a.split(".")
if(b.length == 2){
if(b[1] >= 10 ){
alert("小数点后不止一位")
}
}else{
alert("包含多个.,不是小数")
}
}else{
alert("不是小数")
}
}
可以使用如下正则表达式来限制输入框的输入内容:
/^(?!0\d|\.-|\.\.|-0\d|-)(?!.*\.\..*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(\.[0-9]{0,10})?$/
该正则表达式的解释如下:
^:匹配输入的字符串开头。
(?!0\d|\.-|\.\.|-0\d|-):负向先行断言,表示输入的字符串不能以 0 开头、.-、..、-0 开头或 - 结尾。
(?!.*\.\..*)(?!.*--.*):负向先行断言,表示输入的字符串不能包含两个及以上的连续 . 或 --。
(?!.*-$):负向先行断言,表示输入的字符串不能以 - 结尾。
([1-9][0-9]*|0):表示输入的字符串必须为数字,可以以 0 或者 1-9 开头,后面跟着 0 个或多个数字。
(\.[0-9]{0,10})?:表示输入的字符串可以包含小数点和最多 10 位小数。
$:匹配输入的字符串结尾。
可以将该正则表达式应用到输入框的 oninput 或 onkeydown 事件中,以便实时验证用户输入的内容,并在输入不符合要求时阻止输入。例如:
const input = document.querySelector('#myInput')
input.addEventListener('input', (event) =>{
const value = event.target.value
const isValid = /^(?!0\d|\.-|\.\.|-0\d|-)(?!.*\.\..*)(?!.*--.*)(?!.*-$)([1-9][0-9]*|0)(\.[0-9]{0,10})?$/.test(value)
if (!isValid) {
event.target.value = value.slice(0, -1)// 阻止输入
}
})
在这个例子中,我们首先获取了一个 id 为 myInput 的输入框,并添加了一个 input 事件监听器。在事件处理程序中,我们获取了输入框的值,并使用正则表达式对其进行验证。如果验证失败,我们阻止输入,即将输入框的值设为原来的值减去最后一位。这样,就能够实现对输入框的限制。
第一: 限制只能是整数<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所以要保证谁开头谁结尾。 开头用 $, 结尾用 ^