001.引入使用jquery validate

标签：

参照jquery validation插件的demo学习

页面引入jquery.js和jquery.validate.js即可;

<script src="../lib/jquery.js"></script>

<script src="../dist/jquery.validate.js"></script>

由于验证时的提示信息为英文,引入语言包

<script src="../dist/localization/messages_zh.js"></script>

内容如下

(function( factory ) {
if ( typeof define === "function" && define.amd ) {
define( ["jquery", "../jquery.validate"], factory );
} else if (typeof module === "object" && module.exports) {
module.exports = factory( require( "jquery" ) );
} 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} 的数值" )
} );

}));

jquery知识太菜，暂时懒得去管具体意思，与validate.js的头部是一样的。

下面的内容其实就是对validate.js中$.validator的messages的修改，可以看到里边的校验字段是一样的，就是提示信息不同。

001.引入使用jquery validate

标签：

原文地址：http://www.cnblogs.com/wolongjv/p/5392597.html