如何使用jquery-validation进行表单验证

• 相关文件可以在我博客资源下寻找并下载
• 相关参考文档链接:https://www.runoob.com/jquery/jquery-plugin-validate.html

引入相关文件

js表单验证操作

  $("#editForm").validate({
        rules: {
            nickname: {
                required: true,
                minlength: 2
            },
            password: {
                required: true,
                minlength: 5
            },
            rpassword: {
                required: true,
                minlength: 5,
                equalTo: "#password"
            },
            verifyCode: {
                required: true,
                minlength: 4
            }

        },
        messages: {
            nickname: "请输入您的用户名,并且两个字符以上",
            password: {
                required: "请输入密码",
                minlength: "密码长度不能小于 5 个字符"
            },
            rpassword: {
                required: "请输入密码",
                minlength: "密码长度不能小于 5 个字符",
                equalTo: "两次密码输入不一致"
            },
            verifyCode: "请输入4位数的有效验证码"
        }
    })

被验证的表单

表单验证效果图