// 在键盘按下并释放及提交后验证提交表单
var validator = $("#signupForm").validate({
ignore: [],//验证隐藏域
rules: {
username: {
required: true,
email: true,
url: true,//必须输入正确格式的网址。
phoneUS: true,// 验证美式的电话号码。
byteRangeLength: [1, 2],//自定义校验
date: true,// 必须输入正确格式的日期。日期校验 ie6 出错，慎用。
dateISO: true,// 必须输入正确格式的日期（ISO），例如：2009-06-23，1998/01/22。只验证格式，不验证有效性。
number: true,//必须输入合法的数字（负数，小数）。
digits: true,//必须输入整数。
creditcard: true,//必须输入合法的信用卡号。
equalTo: "#field",// 输入值必须和 #field 相同。
accept: "mp4",// 输入拥有合法后缀名的字符串（上传文件的后缀）。
maxlength: 5,// 输入长度最多是 5 的字符串（汉字算一个字符）。
minlength: 10,// 输入长度最小是 10 的字符串（汉字算一个字符）。
rangelength: [5, 10],// 输入长度必须介于 5 和 10 之间的字符串（汉字算一个字符）。复选框
range: [5, 10],//输入值必须介于 5 和 10 之间。
max: 5,//输入值不能大于 5。
min: 10,// 输入值不能小于 10。
remote: {//异步验证
url: "check-email.php", //后台处理程序
type: "post", //数据发送方式
dataType: "json", //接受数据格式
data: { //要传递的数据
username: function () {
return $("#username").val();
}
}
}
}
},
messages: {
username: {
required: "请输入用户名",
minlength: "用户名必需由两个字符组成"
//...
},
},
submitHandler: function (form) {//提交事件
form.submit();
//$(form).ajaxSubmit(); //ajax模式提交
},
errorPlacement: function (error, element) {//修改错误位置
error.appendTo(element.parent());
},
success: function (label) {//元素通过验证后的动作
label.html(" ").addClass("checked");
},
showErrors: function (errorMap, errorList) {//总共有多少个未通过验证的元素
//this.numberOfInvalids()
this.defaultShowErrors();
},
errorClass: ".error",//指定错误提示的 css 类名
errorElement: "span",//用什么标签标记错误
errorLabelContainer: $("#signupForm div.error"),//把错误信息统一放在一个容器里面。
wrapper: "li",//包裹errorELement
debug: true,//表单不提交
onsubmit: false,//提交时验证
onfocusout: false,//失去焦点时验证（不包括复选框/单选按钮）
onsubmit: false,//在 keyup 时验证。
onkeyup: false,//在点击复选框和单选按钮时验证。
focusInvalid: false,//提交表单后，未通过验证的表单会获得焦点。
focusCleanup: false,// 如果是 true 那么当未通过验证的元素获得焦点时，移除错误提示。避免和 focusInvalid 一起用。
ignore: ".ignore",//对某些元素不进行验证。
})
validator.form();//验证 form 返回成功还是失败。
validator.element("name");
validator.resetForm();//把前面验证的 FORM 恢复到验证前原来的状态。
$("#name").rules("add", { required: true, min: 0, messages: { min: "" } });
$("#name").rules("remove");
$.validator.setDefaults({ debug: true })//设置默认属性
jQuery.validator.addMethod("byteRangeLength", function (value, element, param) {
//param 传入的参数
return true;
}, $.validator.format("请确保输入的值在{0}-{1}个字节之间(一个中文字算2个字节)"));
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/107722.html
