`
风过无声
  • 浏览: 92497 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery-validation-1.13.1(三)validator静态方法 + I18N

 
阅读更多

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.19.1.zip

    《jQuery验证插件jQuery-validation-1.19.1详解》 jQuery-validation是Web开发中常用的客户端表单验证插件,其1.19.1版本的发布为开发者提供了更稳定和高效的服务。该压缩包“jquery-validation-1.19.1.zip”包含了...

    jquery-validation-1.11.1.zip

    《jQuery验证插件详解——基于jquery-validation-1.11.1.zip的探索》 jQuery作为一款广泛使用的JavaScript库,极大地简化了DOM操作,事件处理和动画制作等任务。而`jquery-validation`则是jQuery生态中的一款强大...

    jQuery-validation.rar

    此外,为了获取更详细的使用教程和了解更多高级功能,可以访问相关博主的博客或其他在线资源,那里通常会包含详细的配置选项、方法、插件设置以及示例代码,帮助开发者深入理解并充分利用jQuery-validation插件。...

    jQuery-validation-1.14.0 官方源代码(2015.09.13)

    《jQuery-validation-1.14.0:前端验证利器详解》 jQuery-validation 是一个广泛使用的JavaScript库,专门用于实现前端表单验证。1.14.0版本在2015年9月13日发布,它提供了强大的功能,帮助开发者轻松地创建具有...

    jquery-validation.zip

    jQuery验证插件,以"jquery-validation"为名,是Web开发中广泛使用的客户端表单验证库。它极大地简化了网页表单数据验证的过程,提高了用户体验,使得开发者无需编写复杂的JavaScript代码即可实现对用户输入的有效性...

    jquery-validation-1.13.1全部

    《jQuery Validation插件详解及其1.13.1版本特性》 jQuery Validation插件是用于JavaScript的客户端验证库,它极大地简化了网页表单的验证过程。这个插件以其易于使用、高度可定制化和丰富的功能集而广受欢迎。本文...

    jquery-validation

    jquery-validation-1.9.0是一款优秀的form表单验证插件,此资源主要为某篇博客服务,如有需要还请下载。整个压缩包无法上传,有需要请留言

    jquery-validation-1.8.1里面有很多例子

    《jQuery Validation插件详解——基于jquery-validation-1.8.1实例分析》 在Web开发领域,表单验证是不可或缺的一环,它确保用户输入的数据符合预期格式,从而提高用户体验并减少服务器端处理的压力。jQuery ...

    表单验证JQ插件jquery-validation.js

    表单验证JQ插件jquery-validation.js

    jquery-validation-1.8.0下载

    本篇文章将围绕"jquery-validation-1.8.0"这一版本进行详细介绍,并探讨其核心功能、使用方法以及常见应用场景。 一、jQuery Validation插件概述 jQuery Validation插件是基于jQuery库的一个扩展,它使得在网页中...

    jQuery-Validation-Engine-master

    jQuery Validation Engine是一款强大的jQuery插件,专用于表单验证。这款控件以其丰富的功能、高度的自定义性和优雅的用户界面而备受推崇。在本文中,我们将深入探讨jQuery Validation Engine的核心概念、安装步骤、...

    jquery-validation-1.14.0.zip(5.14.1)

    jQuery Validation 1.14.0版是本文讨论的重点,它包含了针对各种场景优化的验证规则和方法。 **核心功能** 1. **自动绑定**:jQuery Validation 插件可以自动绑定到表单元素,对用户的输入进行实时验证,提高用户...

    jquery-validation插件

    **jQuery Validation 插件详解** jQuery Validation 插件是一款强大且灵活的JavaScript工具,它专为简化HTML表单验证而设计。这个插件基于广泛使用的jQuery库,使得在网页开发中实现用户输入验证变得轻而易举。其...

    jquery-validation-unobtrusive-master

    6. **无侵入式(Unobtrusive)**:提及的"jquery-validation-unobtrusive-master"可能指的是jQuery Validation的无侵入式版本,它与ASP.NET MVC框架结合使用,通过数据注解实现服务器端和客户端验证的一致性。...

    jquery-validation-1.17.0

    《jQuery Validation插件详解——基于版本1.17.0》 jQuery Validation是Web开发中一个广泛使用的JavaScript库,主要用于表单验证。该插件以其简单易用和强大的功能著称,大大简化了前端数据验证的过程。在本文中,...

    jquery1.4.js + jquery-validation.min.js

    三、jQuery 1.4.js与jQuery Validation Plugin的整合 在实际项目中,jQuery 1.4.js与jQuery Validation Plugin的组合使用,可以实现高效且友好的表单验证流程。首先,确保引入了这两个脚本文件,如`jquery-1.4.3.js...

    jquery-validation使用

    **jQuery Validation插件详解** jQuery Validation插件是用于在网页表单验证中提供方便、强大的功能的工具。它简化了对用户输入数据的检查,确保数据的完整性和正确性,从而提高了用户体验。这个插件是基于jQuery库...

    jquery-validation-1.15.0

    **jQuery Validation Plugin 1.15.0** jQuery Validation Plugin 是一个广泛使用的开源插件,用于在客户端进行表单验证,提高用户交互体验。版本1.15.0是该插件的一个稳定版本,提供了丰富的功能和改进。 **主要...

    jquery-ui-validation-Engine

    **jQuery UI Validation Engine 插件详解** `jQuery UI Validation Engine` 是一款强大的前端验证插件,主要用于提升用户体验,确保用户在交互式表单中输入的数据是有效和正确的。这款插件充分利用了 `jQuery` 和 `...

    jquery-validation输出漂亮验证信息

    其次,我们可以通过jQuery-validation的选项和方法来定制验证行为。例如,`errorPlacement`函数可以让我们决定错误消息在页面上的位置。我们可能希望将错误信息插入到特定的HTML元素中,或者使用特定的模板来呈现。`...

Global site tag (gtag.js) - Google Analytics