jquery validate 使用方法简单记要

 1 $("#formID").validate({
 2         onkeyup:false,
 3         submitHandler:function(form){
 4             form.submit();
 5         },
 6       rules: {
 7            captcha:{required:true,rangelength:[4,4],
 8                remote:{ //验证码
 9                    type:"get",
10                    url:ctx+"/validateCaptcha", //servlet
11                    data:{
12                        captcha:function(){return $("#captcha").val();}
13                    }
14                }
15            }
16        },
17        messages: {
18            captcha:{required:"验证码不能为空!",rangelength:jQuery.format("验证码为4个字符!"),remote:jQuery.format("验证码错误")}
19        }
20 
21     });
注意form.submit()与 $(form).ajaxSubmit({type:"post",success:function(){}})区别,前者是传统表单提交,后者是ajax提交方式。
需要验证的元素一定要加name属性,或者不会验证,初用者可能会注意不到。
jQuery.validator.addMethod 扩展方法等

posted on 2013-08-27 10:44  西瓜真相  阅读(229)  评论(0编辑  收藏  举报