jquery兑现验证输入数字 _Web前端

jquery实现验证输入数字
验证输入的是否是数字，代码：

<html>
<head>
	<title>input</title>
	<script type="text/javascript" src="jquery.min.js"></script>
	<script type="text/javascript">
		$(document).ready(function(){
			$('#error').hide();
			$('#submit').click(function(event){
				var data = $('#userId').val();
				data = $.trim(data);
				var len = data.length;
				for(var i=0;i<len;i++) {
					c=data.charAt(i).charCodeAt(0);
					if(c<48 || c>57) {
						$('#error').show();
						event.preventDefault();
						break;
					} else {
						$('#error').hide();
					}
				}
			});
		});
	</script>
</head>
<body>
	<form id="signup" method="post" action="">
		user id:<input type="text" id="userId" name="userId" /><span id="error">this field must be digital</span><br/>
		<input type="submit" id="submit" value="Submit">
	</form>
</body>
</htmL>

1 楼踏月流星 2012-02-23

你的方法是没有问题的，但是你不觉得用一个正则表达式：/^\d+$/g来完成这个功能，显得更优雅一点儿吗。。。

2 楼 Javaloverlover 2012-02-23

说的对，你用的是正则