validate表单验证插件

Posted 2020-08-09

1、引入validate.js包

<script src="xx/xx/jquery.validate.min.js"></script>

2、表单验证

//表单验证
        $("#formSubmit").validate({
            debug:true,     //调试模式,取消submit默认的提交功能
            rules:{
                name:{
                    required:true,
                    checkEmpty:true
                },
                email:{
                    required:true,
                    email:true
                },
                password:{
                    required:true,
                    rangelength:[3,10]  //密码长度范围
                },
                confirm_psd:{
                    equalTo:"#password"
                }
            },
            message:{
                name:{
                    required:‘必填‘,
                    chenkEmpty:‘姓名不能为空‘
                },
                email:{
                    required:‘必填‘,
                    email:‘email格式不正确‘
                },
                password:{
                    required:‘不能为空‘,
                    rangelength:‘密码长度在3-10个字符之间‘
                },
                confirm_psd:{
                    equalTo:‘两次输入密码不一致‘
                }
            }
        });