第一种:type=“number”–边输入边验证
<input class="lhj-719-input1" name="num" id="num" type="number" value="" placeholder="请输入数字" />
第二种:οnkeyup=“value=value.replace(/^\D*(\d*(?:.\d{0,7})?).*$/g, ‘$1’)” --边输入边验证
只允许输入数字(整数:小数点不能输入)
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'')" >
允许输入小数(两位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, '$1')" >
允许输入小数(一位小数)
<input type="text" onkeyup="value=value.replace(/^\D*(\d*(?:\.\d{0,1})?).*$/g, '$1')" >
开头不能为0,且不能输入小数
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'').replace(/^0{1,}/g,'')" >
第三种:失去焦点后弹窗–输入完进行验证
<input type="text" onblur="chack()" />
function chack(){
var test1= 正则表达式
if (test1.test(oldtext)) {
alert('请输入数字!');
}
}
第四种:自定义验证,防止粘贴数据–边输入边验证
<input class="lhj-719-input1" name="sr" id="sr" type="text" value="" placeholder="请输入数字" />
$(function(){
$("#sr").keyup(function(){
$(this).val($(this).val().replace(/^\d{13}/g,$(this).val().substring(0,12)));
$(this).val($(this).val().replace(/[^\d\.]/g,''));
$(this).val($(this).val().replace(/^\./g,''));
$(this).val($(this).val().replace(/\.{2,}/g,'.'));
$(this).val($(this).val().replace('.','$#$').replace(/\./g,'').replace('$#$','.'));
$(this).val($(this).val().replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d).*$/, '$1$2.$3'));
//calcCzbl();
}).blur(function(){//失去焦点事件处理
$(this).val($(this).val().replace(/^\d{13}/g,$(this).val().substring(0,12)));
$(this).val($(this).val().replace(/[^\d\.]/g,''));
$(this).val($(this).val().replace(/^\./g,''));
$(this).val($(this).val().replace(/\.{2,}/g,'.'));
$(this).val($(this).val().replace('.','$#$').replace(/\./g,'').replace('$#$','.'));
$(this).val($(this).val().replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d).*$/, '$1$2.$3'));
//calcCzbl();
}).bind("paste",function(){//CTR+V事件处理
$(this).val($(this).val().replace(/^\d{13}/g,$(this).val().substring(0,12)));
$(this).val($(this).val().replace(/[^\d\.]/g,''));
$(this).val($(this).val().replace(/^\./g,''));
$(this).val($(this).val().replace(/\.{2,}/g,'.'));
$(this).val($(this).val().replace('.','$#$').replace(/\./g,'').replace('$#$','.'));
$(this).val($(this).val().replace(/^(\-)*(\d+)\.(\d\d\d\d\d\d).*$/, '$1$2.$3'));
//calcCzbl();
}).css("ime-mode", "disabled"); //CSS设置输入法不可用
})