`

jQuery实现表单验证------equalTo方法

阅读更多
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
                    "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <script src="jquery.js"></script> 
<script type="text/javascript" src="jquery.validate.js"></script>
<script type="text/javascript">
jQuery.validator.setDefaults({
	debug: true,
	success: "valid"
});;
</script>

  <script>
  $(document).ready(function(){
    $("#myform").validate({
  rules: {
    password: "required",
    password_again: {
      equalTo: "#password"
    }
  }
});
  });
  </script>
  <style>
  	#field, label { float: left; font-family: Arial, Helvetica, sans-serif; font-size: small; }
  	label {  width: 10em; }
	br { clear: both; }
	input { margin-left: .5em; float: left; border: 1px solid black; margin-bottom: .5em;  }
	input.submit { float: none; }
	input.error { border: 1px solid red; width: auto; }
	label.error {
		background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/unchecked.gif') no-repeat;
		padding-left: 16px;
		margin-left: .3em;
	}
	label.valid {
		background: url('http://dev.jquery.com/view/trunk/plugins/validate/demo/images/checked.gif') no-repeat;
		display: block;
		width: 16px;
		height: 16px;
	}
</style>
</head>
<body>
  
<form id="myform">
  <label for="password">Password</label>
  <input id="password" name="password" />
  <br/>
  <label for="password_again">Again</label>
  <input class="left" id="password_again" name="password_again" />
  <br/>
  <input class="submit" type="submit" value="Validate!" />
</form>

</body>
</html>

 

分享到:
评论
1 楼 xinghaifeng2006 2009-09-10  
非常感谢  好

相关推荐

    jQuery-formValidator表单验证

    jQuery-formValidator是一款基于jQuery的轻量级表单验证插件,它通过简洁的API接口,让开发者能够快速实现各种复杂的表单验证逻辑。该插件不仅支持多种内置验证规则,还允许开发者自定义验证函数,满足个性化的验证...

    jQuery Validate表单验证插件

    jQuery Validate插件极大地简化了前端表单验证的实现,使得开发者能够专注于构建功能丰富的交互式Web应用,而无需担心数据验证的复杂性。通过熟练掌握其核心功能和自定义规则,您可以创建高效且用户体验良好的表单...

    jquery表单验证

    本资源“jquery表单验证”正是聚焦于这一主题,包含了各种表单类型的验证方法。 1. **jQuery基本概念** - jQuery对象:jQuery的核心是选择器,它能高效地选取DOM元素。选择器返回的是jQuery对象,而不是DOM元素。 ...

    jquery表单验证大全

    ### jQuery表单验证大全知识点详解 #### 一、概述 `jQuery.validate.js` 是一个功能强大的表单验证插件,它充分利用了 jQuery 的优势来快速实现表单验证。该插件支持多种内置验证规则,同时也允许用户自定义验证...

    jQuery Validate 表单验证插件使用方法

    ### jQuery Validate 表单验证插件使用方法 在前端开发中,表单验证是一项非常重要的功能,它确保用户提交的数据符合预期的要求。jQuery Validate插件是基于jQuery的一个强大的表单验证库,它提供了多种预定义的...

    jquery validate表单验证插件制作会员信息注册表单验

    总的来说,jQuery Validate插件为开发者提供了一种简单、灵活的方式来处理表单验证,大大简化了前端验证的复杂度,使得会员信息注册表单的验证变得更加容易。通过合理配置,我们可以确保用户输入的数据符合我们的...

    javascript表单验证 - Parsley.js使用和配置.docx

    - `equalTo`:字段值必须与另一个字段相等。 - `mincheck`:复选框至少被选中的数量。 - `maxcheck`:复选框最多被选中的数量。 - `rangecheck`:复选框被选中的数量范围。 - `remote`:通过AJAX请求远程服务器进行...

    jQuery表单验证插件 jQuery.validity

    `jQuery.validity`是一款强大的jQuery表单验证插件,它为开发者提供了便捷的方式来实现前端表单验证,确保用户输入的数据符合预设的规则,从而提高用户体验并减轻服务器端的负担。这个插件以其灵活性、易用性和丰富...

    JQuery笔记(表单验证)

    总的来说,`jQuery Validate`插件提供了强大的表单验证功能,通过简单的配置就能实现复杂的验证逻辑,同时允许开发者轻松地扩展自定义验证规则,以满足各种项目需求。结合其易于使用的API和丰富的文档,`jQuery ...

    jQuery表单验证例子(demo)

    标题"jQuery表单验证例子(demo)"指向了一个实际的应用示例,而描述则表明我们可以通过解压文件并运行`demo.html`来直接体验这个验证功能。 首先,jQuery是一个广泛使用的JavaScript库,它简化了DOM操作、事件处理、...

    jquery-validate验证输入框

    本文将深入探讨jQuery Validate的使用方法、核心功能以及常见应用场景,帮助开发者构建出更加健壮的前端表单验证机制。 1. **jQuery Validate介绍** jQuery Validate插件是由Jörn Zaefferer创建的,用于处理HTML...

    jquery表单验证插件简单的会员注册表单验证代码

    以上就是一个简单的jQuery表单验证示例,你可以根据实际需求调整规则和错误消息。在提供的压缩包文件`texiao5327_1560681022`中,可能包含了这个例子的完整代码和其他相关资源,你可以参考和学习。通过深入理解这个...

    validation-jQuery的validation表单验证插件.pdf

    jQuery的validation插件是一款强大的表单验证工具,它基于JQuery库,使得开发者能够快速有效地实现对表单输入数据的验证。这个插件不仅提供了许多内置的验证规则,还允许自定义验证方法,同时支持多语言,极大地提高...

    jquery.validate表单验证插件使用方法解析

    jquery.validate是jQuery的一个表单验证插件,它提供了丰富、灵活的表单验证功能,可以极大地简化开发者在前端表单验证中的工作。使用jquery.validate可以轻松地对表单中的字段进行验证,确保输入数据符合要求,从而...

    jQuery验证表单插件

    总而言之,jQuery验证表单插件是前端开发中的得力助手,它降低了表单验证的复杂性,提高了开发效率,同时也保持了良好的用户体验。无论是初学者还是经验丰富的开发者,都能快速上手并利用其强大的功能来优化项目。...

    jquery表单验证插件

    **jQuery表单验证插件详解** 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,从而防止错误的数据提交、提高用户体验并保护服务器免受恶意攻击。jQuery作为一款轻量级的JavaScript...

    jquery验证

    jQuery表单验证插件是一种常用的解决方案,它基于jQuery框架,可以轻松地为网页表单添加各种验证规则。 #### 二、jQuery 验证插件介绍 jQuery验证插件是基于jQuery的一个强大的插件,由Jörn Zaefferer创建并维护...

Global site tag (gtag.js) - Google Analytics