jquery.validate弹窗验证

 $(document).ready(function () {        
    

        //开始验证
        $("#form1").validate({
            submitHandler: function (form) {
                form.submit();
             
            },
            rules: {
                name: {
                    required: true,
                    maxlength: 16,
                  
                },
                pwd: {
                    required: true,
                    minlength:6,
                    maxlength:32
                },
                email:{
                    maxlength: 50,
                    email: true
                },
                tel:{
                    maxlength:30
                } 
            },
            //设置提示信息
            messages: {
                name: {
                    required: "请输入用户名",
                    maxlength: "用户名字符数超出"
                },
                pwd: {
                    required: "请输入密码",
                    minlength: "密码位数不能少于6位",
                    maxlength:"密码位数超出"
                },
                email: {
                    maxlength:"邮箱地址过长",
                    email:"请正确输入邮箱地址"
                },
                tel:{
                    maxlength:"电话号码过长"
                }

            },
       
            //设置验证触发事件
            focusInvalid: true,
            //设置验证成功提示格式
            success: function (e) {
                e.html(" ").addClass("valid").text('ok');
            },
            showErrors: function (errorMap, errorList) {
                var msg = "";
               
                $.each(errorList, function (i, v) {                       
                    msg += (v.message + "\r\n");
                    return false                      
                  
                });
           
                if (msg != "") alert(msg);
            },
            /* 失去焦点时不验证 */
            onfocusout: false,
            onkeyup:false
        })
    });