jQuery插件学习教程之SlidesJs轮播+Validation验证(3)

mobile_phone: { require_from_group: [1, ".phone-group"]　　//这边的1表示 三项中只需要填写一项就可以，后面是class名 }, home_phone: { require_from_group: [1, ".phone-group"] }, work_phone: { require_from_group: [1, ".phone-group"] }

4.validate()方法的配置项

debug — 开启关闭debug模式，阻止提交

$(".selector").validate({ debug: true });

submitHandler — 通过验证后运行的函数，可以加上表单的提交方法

$(".selector").validate({ submitHandler: function(form) { $(form).ajaxSubmit(); } }); $(".selector").validate({ submitHandler: function(form) { form.submit(); } });

invalidHandler — 验证没通过，提交时触发的方法

$(".selector").validate({ invalidHandler: function(event, validator) { //event :自定义事件对象 //validator:当前验证的实例 } });

ignore — 对某些元素不进行验证

$("#myform").validate({ ignore: ".ignore" });

rules — 定义校验规则，有个隐藏的参数 depends:在满足什么条件下才验证次规则

$(".selector").validate({ rules: { name: "required", email: { required: true, email: true } } }); $(".selector").validate({ rules: { name: ｛　　　　depends：function(element){reruen true;} //返回true的话才校验,name是否必填　　｝, email: { email: true,　　　　min:{　　　　　　param:15,　　//单独值的话 用param 代替　　　　　　depends：function(element){reruen true;}　　　　} } } });

messages — 定义提示信息

$(".selector").validate({ rules: { name: "required", email: { required: true, email: true } }, messages: { name: "请输入您的名字", email: { required: "请输入的的邮箱", email: "请输入正确的邮箱地址" } } });

groups — 对一组元素的验证，用一个错误提示，用errorPlacement 控制出错信息的位置

$("#myform").validate({ groups: { username: "fname lname" }, errorPlacement: function(error, element) { if (element.attr("name") == "fname" || element.attr("name") == "lname" ) { error.insertAfter("#lastname"); } else { error.insertAfter(element); } } });

onsubmit —是否在提交时验证

onfocusout —是否在获取焦点时验证

onkeyup — 是否在敲击键盘时验证

onclick — 是否在鼠标点击数验证

focusInvlid — 提交表单，未通过验证的表单是否获得焦点（默认第一个）

focusCleanup — 提交表单，未通过验证的表单是否移除错误信息

errorClass — 指定错误提示的class类名

validClass — 指定验证通过的class类名

errorElement — 使用什么标记错误标签

$(".selector").validate({ errorElement: "em" }); //<em>错误信息</em>

wrapper — 使用什么标签把上面的errorElement 包起来

errorLableContainer — 把错误信息统一放在一个容器里面

errorContainer — 显示或隐藏验证信息，可以自动实现有错误信息出现时把容器属性变为显示，无错误时隐藏

showErrors — 可以显示总的多少个未通过验证

errorPlacement：function(error,element) — 自定义错误信息的位置,error:错误信息、element：验证的元素

success — 要验证的元素通过验证后的回调

highlight — 可以为未通过的元素加效果

unhighlight — 可以为通过的元素加效果

以上所述是小编给大家介绍的jQuery插件学习教程之SlidesJs轮播+Validation验证，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章: