- 相关文件可以在我博客资源下寻找并下载
- 相关参考文档链接: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位数的有效验证码"
}
})
被验证的表单
表单验证效果图