JQueryValidation是一个功能强大的表单验证插件

JQueryValidation是一个功能强大的表单验证插件

jQuery Validate插件为表单提供了强大的验证功能，使客户端表单验证更加容易，并提供了广泛的定制选项以满足应用程序的需求。该插件捆绑了一组有用的验证方法，包括URL和E-mail验证，并提供了用于编写用户定义方法的API。所有捆绑方法都使用英语作为默认错误消息，并且已经被翻译成37种其他语言。

  JQuery Validation项目地址：https://github.com/jzaefferer/jquery-validation   JQuery Validation演示地址：https://jqueryvalidation.org/files/demo/   JQuery Validation下载地址：http://jqueryvalidation.org/files/jquery-validation-1.15.0.zip

默认校验规则

使用示例：

<form class=”cmxform” id=”commentForm” method=”get” action=””>   <fieldset>     <legend>Please provide your name, email address (won’t be published) and a comment</legend>     <p>       <label for=”cname”>Name (required, at least 2 characters)</label>       <input id=”cname” name=”name” minlength=”2″ type=”text” required>     </p>     <p>       <label for=”cemail”>E-Mail (required)</label>       <input id=”cemail” type=”email” name=”email” required>     </p>     <p>       <label for=”curl”>URL (optional)</label>       <input id=”curl” type=”url” name=”url”>     </p>     <p>       <label for=”ccomment”>Your comment (required)</label>       <textarea id=”ccomment” name=”comment” required></textarea>     </p>     <p>       <input class=”submit” type=”submit” value=”Submit”>     </p>   </fieldset> </form> <script> $(“#commentForm”).validate(); </script>

jQuery Validate提供了中文信息提示包，位于下载包的 dist/localization/messages_zh.js，内容如下：

(function( factory ) {
	if ( typeof define === "function" && define.amd ) {
		define( ["jquery", "../jquery.validate"], factory );
	} else {
		factory( jQuery );
	}
}(function( $ ) {

/*
 * Translated default messages for the jQuery validation plugin.
 * Locale: ZH (Chinese, 中文 (Zhōngwén), 汉语, 漢語)
 */
$.extend($.validator.messages, {
	required: "这是必填字段",
	remote: "请修正此字段",
	email: "请输入有效的电子邮件地址",
	url: "请输入有效的网址",
	date: "请输入有效的日期",
	dateISO: "请输入有效的日期 (YYYY-MM-DD)",
	number: "请输入有效的数字",
	digits: "只能输入数字",
	creditcard: "请输入有效的信用卡号码",
	equalTo: "你的输入不相同",
	extension: "请输入有效的后缀",
	maxlength: $.validator.format("最多可以输入 {0} 个字符"),
	minlength: $.validator.format("最少要输入 {0} 个字符"),
	rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),
	range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"),
	max: $.validator.format("请输入不大于 {0} 的数值"),
	min: $.validator.format("请输入不小于 {0} 的数值")
});

}));