validate表单验证插件

1、引入validate.js包

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

2、html

<form>

<button class=''>保存</button>
</form>

3、表单验证

//表单验证
        $("#formSubmit").validate({
            debug:true,     //调试模式,取消submit默认的提交功能
　　　　　　　errorClass: "formClass",　　//默认错误的样式为error
            rules:{　　　　
                name:{　　//name对应html中的id&name
                    required:true,
                    checkEmpty:true
                },
                email:{
                    required:true,
                    email:true
                },
                password:{
                    required:true,
                    rangelength:[3,10]  //密码长度范围
                },
                confirm_psd:{
                    equalTo:"#password"
                },
　　　　　　　　　　num: {
　　　　　　　　　　　　digits: true,　　//只能填写整数
　　　　　　　　　　　　min: 0,　　　　　　//最小值
　　　　　　　　　　　　max: 100　　　　　　//最大值
　　　　　　　　　　}
            },
            messages:{
                name:{
                    required:'必填',
                    chenkEmpty:'姓名不能为空'
                },
                email:{
                    required:'必填',
                    email:'email格式不正确'
                },
                password:{
                    required:'不能为空',
                    rangelength:'密码长度在3-10个字符之间'
                },
                confirm_psd:{
                    equalTo:'两次输入密码不一致'
                }
            },
　　　　　　　　submitHandler: function(){　　//表单提交回调函数
　　　　　　　　　　
　　　　　　　　}，
　　　　　　　　errorPlacement: function(error, element){
　　　　　　　　　　//把错误信息添加到elememt节点的父元素上
　　　　　　　　　　　error.appendTo(elememt.parent());
　　　　　　　　}
        });