jquery html5validate api,jquery.validate.js用法和入门范例

网上介绍的jquery.validate大部门只是介绍它的api和用法，没有一个完整的入门范例，有时候看半天才知道该怎么下手。因此为了快速了解学习，我弄了一个快速入门范例，虽然用的知识点不多，写的也不是很好，但是可以快速的入手。

以下是参考源码(下面有源码下载地址)：

j2query.validate快速入门范例-代潇瑞博客

label.error{color:red;font-size:13px;}

信息录入

用户名：

工作号：

备 注：

$(function(){

$('#infos').validate({

debug:false, //false表示验证通过后不要自动提交表单

onkeyup:false, //表示关闭按键松开时候监听验证

rules:{ //验证规则

username:{

required:true,   //必填字段

rangelength:[6,10] //长度在6-10之间

},

nums:{

required:true,

digits:true

},

notes:"required"

},

messages:{ //自定义错误信息，默认为英文，除了在这里配置以为，还可以通过配置文件进行配置

username:{

required:"用户名必填",

rangelength:"用户名长度必须为6-10位"

},

nums:{

required:"工作号必填",

digits:"工作号必须为数字"

},

notes:"备注必填"

},

//验证通过可以在这里做你想做的事情

submitHandler:function(form){

alert("验证通过");

}

});

});

运行的效果：