基于jQuery验证input框禁止输入非数字
在表单中经常用到,禁止输入非数字什么的。
<!doctype html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>jQuery input框不能填写非数字</title> </head> <body> <br /><br /> <script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js" type="text/javascript"></script> <script type="text/javascript"> $(function () { $("#19wei").keyup(function () { //如果输入非数字,则替换为'',如果输入数字,则在每4位之后添加一个空格分隔 this.value = this.value.replace(/[^\d]/g, '').replace(/(\d{4})(?=\d)/g, "$1 "); }) }); </script> 限制只能输入19个字符:<input type="text" id="19wei" name="19wei" value="" maxlength="19" /> <br /><br /> 输入非数字则替换为空:<input type="text" id="onlyNmber" name="onlyNmber" value="" onkeyup="value=value.replace(/[^\d]/g,'')" /> <br /><br /> </body> </html>
注:更改一下相应的正则表达式即可实现其它验证,比如
纯字母:/^[a-z]+$/ 手机号:/^1[3,4,5,7,8]\d{9}$/