本文实例介绍了jQuery Validate表单验证，分享给大家供大家参考，具体内容如下
一、添加一个另外一个插件jquery.validate.messages_cn.js。
改变默认提示方式。
/*
* Translated default messages for the jQuery validation plugin.
* Language: CN
* Author: Fayland Lam
*/
jQuery.extend(jQuery.validator.messages, {
required: "必选字段",
remote: "请修正该字段",
email: "请输入正确格式的电子邮件",
url: "请输入合法的网址",
date: "请输入合法的日期",
dateISO: "请输入合法的日期 (ISO).",
number: "请输入合法的数字",
digits: "只能输入整数",
creditcard: "请输入合法的信用卡号",
equalTo: "请再次输入相同的值",
accept: "请输入拥有合法后缀名的字符串",
maxlength: jQuery.format("请输入一个长度最多是 {0} 的字符串"),
minlength: jQuery.format("请输入一个长度最少是 {0} 的字符串"),
rangelength: jQuery.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),
range: jQuery.format("请输入一个介于 {0} 和 {1} 之间的值"),
max: jQuery.format("请输入一个最大为 {0} 的值"),
min: jQuery.format("请输入一个最小为 {0} 的值")
});
二、jQuery表单验证插件----通过name属性来关联字段来验证，将校验规则写到 js 代码中。
jQuery表单验证插件----通过name属性来关联字段来验证
* { font-family: Verdana; font-size: 96%; }
label { width: 10em; float: left; }
label.error { float: none; color: red; padding-left: .5em; vertical-align: top; }
p { clear: both; }
.submit { margin-left: 12em; }
em { font-weight: bold; padding-right: 1em; vertical-align: top; }
$(document).ready(function(){
$("#commentForm").validate({
rules: {
username: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
},
url:"url",
comment: "required"
}
});
});
jQuery表单验证插件----通过name属性来关联字段来验证
姓名
*
电子邮件
*
网址
你的评论
*
以上就是本文的全部内容，希望对大家学习jQuery Validate表单验证有所帮助。