现在看看jquery validate这个插件,那么怎么使用呢?
我现在把jquery validate的插件上传上来,需要的话可以直接下载
好的额,就是这个文件
那么我们有一个使用意境:
当我们选择了公司 ,那么就添加一些新的验证,
//用户注册验证客户类型 $(".customtype input[type='radio']").click(function(){ var val=$(this).val(); if(val==1){ $("#companydiv").slideDown(); //公司 $("#title").rules("add",{required:true}); $("#tel").rules("add",{required:true}); $("#zhiwu").rules("add",{required:true}); $("#tel").rules("add",{phone:true}); }else{ $("#companydiv").slideUp(); $("#title").rules("remove","required"); $("#tel").rules("remove","required"); $("#zhiwu").rules("remove","required"); $("#tel").rules("remove","phone"); } });
如果我选择了个人,那么公司名称和座机电话是需要隐藏,并且不用验证的。
这里距离说明一下如何进行数据验证:
//新用户注册
var validate = $("#wxreg").validate({
debug: true, //调试模式取消submit的默认提交功能
errorClass: "checkinfo error", //默认为错误的样式类为:error
validClass: "zhengque",
errorElement:"i",
focusInvalid: true, //当为false时,验证无效时,没有焦点响应
onkeyup: false,
submitHandler: function(form){ //表单提交句柄,为一回调函数,带一个参数:form
form.submit(); //提交表单
},
rules:{
contact:{
required:true
},email:{
required:true,
email:true
}
},
messages:{
contact:{
required:"请填写姓名"
},email:{
required:'邮箱不能为空',
email:"邮箱格式不正确"
}
}
});