• Register

基于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}$/
版权声明:转载请注明来自杨俊伟博客,本文地址:http://yangjunwei.com/a/1721.html
除非注明,杨俊伟博客文章均为原创,转载请注明出处和链接!
 

发表评论 

我还是想用邮箱注册

登录

忘记密码 ?

用第三方帐号快捷登录

已有账户?前往登录吧~

注册