作为程序员一定要保持良好的睡眠,才能好编程

jquery验证插件的使用

发布时间:2017-06-26



现在看看jquery validate这个插件,那么怎么使用呢?



我现在把jquery   validate的插件上传上来,需要的话可以直接下载

jquery_validate.rar


好的额,就是这个文件






那么我们有一个使用意境:

当我们选择了公司 ,那么就添加一些新的验证,


//用户注册验证客户类型
    $(".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:"邮箱格式不正确"
            }
        }
    });