资源描述：
《实例讲解jquery表单验证插件validate.js的详细用法》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。
1、实例讲解jquery表单验证插件validate.js的详细用法先贴一个validate.js使用例子的代码： 代码如下：functionlang(key){ mylang={ 'ls_input_myb':'请输入您的账户', 'ls_myb_email':'账户为邮箱地址', 'ls_login_password':'请输入您的登录密码', 'ls_password_length':'密码长度为{0}-{1}位之间', 'ls_input_captcha':'请输入验证码', 'ls_captcha_length':'验证码的长度为{0}位', 'ls
2、_account_email':'账户名为邮箱地址', '':'' }; returnmylang[key]; } $(document).ready(function(){ $("#loginForm").validate({ rules:{ uEmail:{ required:true, email:true }, uPassword:{ required:true, rangelength:[6,30] } }, messages:{ uEmail:{ required:lang('ls_input_myb'), email:lang('ls_myb
3、_email') }, uPassword:{ required:lang('ls_login_password'), rangelength:$.format(lang('ls_password_length')) } }, errorPlacement:function(error,element){ varplacement=$(element.parent("td").parent("tr").next("tr").find("td").get(1)); placement.text(''); error.appendTo(placement);
4、}, onkeyup:false }); varaccountTipsText=lang('ls_account_email'); $("#uEmail").focus(function(){ if(!$($(this).parent().parent().next().find('td').get(1)).text()){ $($(this).parent().parent().next().find('td').get(1)).html(''+accountTipsText+''); } $(this).css('color','#000'); }).
5、focus(); }); 我就是从这个例子中开始的，其实这个例子几乎包含了jquery.validate.js的精髓，如果你完整理解了这个代码基本上算是入门了。 下面是完整的文章介绍。 默认校验规则 (1)required:true 必输字段 (2)remote:"check.php"使用ajax方法调用check.php验证输入值 (3)email:true必须输入正确格式的电子邮件 (4)url:true必须输入正确格式的网址 (5)date:true必须输入正确格式的日期 (6)dateISO:true必须输入正确格式的日期(ISO)，例如：2009
6、-06-23，1998/01/22只验证格式，不验证有效性 (7)number:true必须输入合法的数字(负数，小数) (8)digits:true必须输入整数 (9)creditcard:必须输入合法的信用卡号 (10)equalTo:"#field"输入值必须和#field相同 (11)accept:输入拥有合法后缀名的字符串（上传文件的后缀） (12)maxlength:5输入长度最多是5的字符串(汉字算一个字符) (13)minlength:10输入长度最小是10的字符串(汉字算一个字符) (14)rangelength:[5,10]输入长度必须
7、介于5和10之间的字符串")(汉字算一个字符) (15)range:[5,10]输入值必须介于5和10之间 (16)max:5输入值不能大于5 (17)min:10输入值不能小于10 默认的提示 代码如下：messages:{ required:"Thisfieldisrequired.", remote:"Pleasefixthisfield.", email:"Pleaseenteravalidemailaddress.", url:"PleaseenteravalidURL.", date:"Pleaseenteravaliddate.", date
8、ISO:"Pleaseenteravaliddate(ISO)."
