1.static-method-I18N.html
<html>
<head>
<meta charset="UTF-8" />
<script src="jquery-1.6.4.js" type="text/javascript"></script>
<script src="jquery.validate.min.js" type="text/javascript"></script>
<script src="messages_zh.js" type="text/javascript"></script>
<script language="javascript">
<!--
$(function(){
//自定义校验规则
$.validator.addMethod(
"zipCode",
function(value, element, params){
return /^[0-9]{6}$/.test(value);
},
"请输入正确的邮政编码");
$.validator.addMethod(
"greater",
function(value, element, params){
return parseInt(value) > parseInt($(params[0]).val());
},
//格式化输出错误信息
jQuery.validator.format("输入的值必须大于{1}的值"));
//改变validate方法的默认参数设置
$.validator.setDefaults({
onkeyup: false
});
//将一组校验规则绑定到一个class中
$.validator.addClassRules({
zip: {
required: true,
digits: true,
minlength: 6,
maxlength: 6
}
});
$("#validate").validate({
rules: {
zipCode: {
zipCode: true,
required: true
},
num1: {
required: true,
digits: true
},
num2: {
required: true,
digits: true,
greater: ["#num1", "NUMBER"]
}
}
});
});
-->
</script>
</head>
<body>
<form id="validate">
<p>
ZIPCODE(Required):
<input type="text" id="zipCode" name="zipCode" />
</p>
<p>
ZIPCODE2(Required):
<input type="text" id="zipCode2" name="zipCode2" class="zip"/>
</p>
<p>
NUMBER(Required):
<input type="text" id="num1" name="num1" />
</p>
<p>
GREATER-NUMBER(Required):
<input type="text" id="num2" name="num2" />
</p>
<input type="submit" value="提交"/>
</form>
</body>
</html>
2.参考资料
http://jqueryvalidation.org/documentation/
相关推荐
《jQuery-validation-1.14.0：前端验证利器详解》 jQuery-validation 是一个广泛使用的JavaScript库，专门用于实现前端表单验证。1.14.0版本在2015年9月13日发布，它提供了强大的功能，帮助开发者轻松地创建具有...
《jQuery验证插件jQuery-validation-1.19.1详解》 jQuery-validation是Web开发中常用的客户端表单验证插件，其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了...
《jQuery验证插件详解——基于jquery-validation-1.11.1.zip的探索》 jQuery作为一款广泛使用的JavaScript库，极大地简化了DOM操作，事件处理和动画制作等任务。而`jquery-validation`则是jQuery生态中的一款强大...
此外，为了获取更详细的使用教程和了解更多高级功能，可以访问相关博主的博客或其他在线资源，那里通常会包含详细的配置选项、方法、插件设置以及示例代码，帮助开发者深入理解并充分利用jQuery-validation插件。...
jQuery验证插件，以"jquery-validation"为名，是Web开发中广泛使用的客户端表单验证库。它极大地简化了网页表单数据验证的过程，提高了用户体验，使得开发者无需编写复杂的JavaScript代码即可实现对用户输入的有效性...
《jQuery Validation插件详解及其1.13.1版本特性》 jQuery Validation插件是用于JavaScript的客户端验证库，它极大地简化了网页表单的验证过程。这个插件以其易于使用、高度可定制化和丰富的功能集而广受欢迎。本文...
jquery-validation-1.9.0是一款优秀的form表单验证插件，此资源主要为某篇博客服务，如有需要还请下载。整个压缩包无法上传，有需要请留言
《jQuery Validation插件详解——基于jquery-validation-1.8.1实例分析》 在Web开发领域，表单验证是不可或缺的一环，它确保用户输入的数据符合预期格式，从而提高用户体验并减少服务器端处理的压力。jQuery ...
表单验证JQ插件jquery-validation.js
本篇文章将围绕"jquery-validation-1.8.0"这一版本进行详细介绍，并探讨其核心功能、使用方法以及常见应用场景。 一、jQuery Validation插件概述 jQuery Validation插件是基于jQuery库的一个扩展，它使得在网页中...
jQuery Validation Engine是一款强大的jQuery插件，专用于表单验证。这款控件以其丰富的功能、高度的自定义性和优雅的用户界面而备受推崇。在本文中，我们将深入探讨jQuery Validation Engine的核心概念、安装步骤、...
jQuery Validation 1.14.0版是本文讨论的重点，它包含了针对各种场景优化的验证规则和方法。 **核心功能** 1. **自动绑定**：jQuery Validation 插件可以自动绑定到表单元素，对用户的输入进行实时验证，提高用户...
**jQuery Validation 插件详解** jQuery Validation 插件是一款强大且灵活的JavaScript工具，它专为简化HTML表单验证而设计。这个插件基于广泛使用的jQuery库，使得在网页开发中实现用户输入验证变得轻而易举。其...
6. **无侵入式（Unobtrusive）**：提及的"jquery-validation-unobtrusive-master"可能指的是jQuery Validation的无侵入式版本，它与ASP.NET MVC框架结合使用，通过数据注解实现服务器端和客户端验证的一致性。...
《jQuery Validation插件详解——基于版本1.17.0》 jQuery Validation是Web开发中一个广泛使用的JavaScript库，主要用于表单验证。该插件以其简单易用和强大的功能著称，大大简化了前端数据验证的过程。在本文中，...
三、jQuery 1.4.js与jQuery Validation Plugin的整合 在实际项目中，jQuery 1.4.js与jQuery Validation Plugin的组合使用，可以实现高效且友好的表单验证流程。首先，确保引入了这两个脚本文件，如`jquery-1.4.3.js...
**jQuery Validation插件详解** jQuery Validation插件是用于在网页表单验证中提供方便、强大的功能的工具。它简化了对用户输入数据的检查，确保数据的完整性和正确性，从而提高了用户体验。这个插件是基于jQuery库...
**jQuery Validation Plugin 1.15.0** jQuery Validation Plugin 是一个广泛使用的开源插件，用于在客户端进行表单验证，提高用户交互体验。版本1.15.0是该插件的一个稳定版本，提供了丰富的功能和改进。 **主要...
**jQuery UI Validation Engine 插件详解** `jQuery UI Validation Engine` 是一款强大的前端验证插件，主要用于提升用户体验，确保用户在交互式表单中输入的数据是有效和正确的。这款插件充分利用了 `jQuery` 和 `...
其次，我们可以通过jQuery-validation的选项和方法来定制验证行为。例如，`errorPlacement`函数可以让我们决定错误消息在页面上的位置。我们可能希望将错误信息插入到特定的HTML元素中，或者使用特定的模板来呈现。`...