input限制输入

1.只能输入数字和小数点 并且小数点不再第一位 和 有且只有一位
 
oninput="value=value.replace(/^D*(d*(?:.d{0,2})?).*$/g, '$1')"
 
2.只能输入数字。如果还需要调用方法或多条规则来限制该输入框,用 ; 隔开
<input type="text" oninput="value=value.replace(/[^d]/g,'');lessNum(this)" />
 
3:开头不能为0,且不能输入小数
<input type="text" oninput="value=value.replace(/[^d]/g,'').replace(/^0{1,}/g,'')" > 
 
4.限制输入长度 
oninput="if(value.length>11)value=value.slice(0,11)"
 
 
 
兼容火狐浏览器 只能输入数字和小数点两位
<html> <body> <script> function checkNumber(e,txt) { var key = window.event ? e.keyCode : e.which; var keychar = String.fromCharCode(key); var el = document.getElementById('test'); var msg = document.getElementById('msg'); reg = /d|./; var result = reg.test(keychar); if(result) { if(e.keyCode==46) result=!(txt.value.split('.').length>1); else result=!(txt.value.split('.').length>1&&txt.value.split('.')[1].length>1); } if(!result) { el.className = "warn"; msg.innerHTML = "只能输入数字"; return false; } else { el.className = ""; msg.innerHTML = ""; return true; } } </script> <div id="test"> 只能输入数字的文本框<input type="text" name="question.page" onkeypress="return checkNumber(event,this);"> <span id="msg"></span> </div> </body> </html>
原文地址:https://www.cnblogs.com/dawnzhao/p/14516819.html