jQuery.validate.min.js是一个验证库,可以用于验证用户输入的表单数据。它可以检查输入的内容是否符合一定的规则,如果不符合,则会报错提示用户。
使用方法:
1.引入jQuery.validate.min.js文件。
2.定义验证规则。
$("#form").validate({
rules: {
username: {
required: true,
minlength: 2
},
password: {
required: true,
minlength: 5
}
},
messages: {
username: {
required: "请输入用户名",
minlength: "用户名至少为2个字符"
},
password: {
required: "请输入密码",
minlength: "密码至少为5个字符"
}
}
});
3.定义提交函数。
$("#form").submit(function(){
if($(this).valid()){
// 提交表单
}
return false;
});
4.添加错误提示。
$("#form").validate({
// 验证规则
// ...
errorElement: 'span',
errorPlacement: function (error, element) {
error.addClass('invalid-feedback');
element.closest('.form-group').append(error);
},
highlight: function (element, errorClass, validClass) {
$(element).addClass('is-invalid');
},
unhighlight: function (element, errorClass, validClass) {
$(element).removeClass('is-invalid');
}
});
以上就是jQuery.validate.min.js的使用方法,它可以帮助我们快速实现表单验证,提高用户体验。