JQUERY+VALIDATE实现表单验证

来源:https://www.sucaihuo.com/js/1385.html 2017-02-19 15:10浏览(1103) 收藏

通过validate插件结合jquery实现了表单中在提交时所需要的验证,用户注册验证表单
JQUERY+VALIDATE实现表单验证
分类:其它特效 > jQuery插件 难易:初级
查看演示 下载资源 下载积分: 40 积分

在键盘按下并释放及提交后验证提交表单

// 在键盘按下并释放及提交后验证提交表单
$("#register-form").validate({
    rules: {
        style: {
            required: true,
        },
        username: {
            required: true,
            minlength: 4,
        },
        provinceid: {
            required: true,
        },
        idcard: {
            required: true,
            isIdCardNo: true,
        },
        email: {
            required: true,
            email: true,
        },
        telephone: {
            required: true,
            isMobile: true,
        },
        password: {
            required: true,
            minlength: 4
        },
        conpassword: {
            required: true,
            minlength: 4,
            equalTo: "#password"
        },
        agreement: {
            required: true,
        },
    },
    messages: {
        style: {
            required: "请选择类型"
        },
        username: {
            required: "请输入用户名",
            minlength: "用户名必须是 4个字符以上"
        },
        provinceid: {
            required: "请选择地区",
        },
        idcard: {
            required: "请输入身份证号",
        },
        email: {
            required: "请输入邮箱",
            email: "邮箱格式不正确",
        },
        telephone: {
            required: "请输入手机号",
        },
        password: {
            required: "请输入密码",
            minlength: "密码必须是4个字符以上"
        },
        conpassword: {
            required: "请输入确认密码",
            minlength: "确认密码必须是4个字符以上",
            equalTo: "密码和确认密码不匹配"
        },
        agreement: {
            required: "请同意商家入驻服务协议"
        },
    },
    errorElement: "span",
    errorClass: "help-block",
    errorPlacement: function(error, element) {
        //console.log(element);
        //element.parent().siblings('.tiperror');
        error.appendTo(element.parent().siblings('.tiperror')); //这里的element是录入数据的对象
    }

});
标签: validate验证
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2