首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

jquery兑现验证输入数字

2012-09-06 
jquery实现验证输入数字验证输入的是否是数字,代码:htmlheadtitleinput/titlescript typetext/

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

热点排行