读书人

jquery兑现验证输入数字

发布时间: 2012-09-06 10:37:01 作者: rapoo

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 说的对,你用的是正则

读书人网 >Web前端

热点推荐