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

最新推荐文章于 2024-03-14 07:00:00 发布
最新推荐文章于 2024-03-14 07:00:00 发布
阅读量1.2k 收藏
点赞数
分类专栏： jQuery 文章标签： jQuery JavaScript HTML ViewUI 
<!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>

 

fxz_2010
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
详解jquery validate实现表单验证 （正则表达式）
10-20
本文将深入讲解如何使用jQuery Validate结合正则表达式实现高效且灵活的表单验证。 首先，`validate()`是jQuery Validate插件的核心方法，用于初始化验证行为。你可以设置`rule`来定义验证规则，如`required`表示...
jQuery Validate
树洞树洞-单纯记录
03-14 1290
jQuery Validate 插件为表单提供了强大的验证功能，访问 jQuery Validate 官网，下载最新版的 jQuery Validate 插件。导入 js 库<script src="http://static.runoob.com/assets/jquery-validation-1.14.0/lib/jquery.js"></script> <script src="http:/
「jQuery系列」jQuery 校验表单（Validate）
最新发布
日常笔记/总结/系列知识梳理
03-14 1472
jQuery Validate的一些常见使用场景： 网站前端表单验证：无论是用户注册、登录、提交订单还是其他类型的表单输入，使用jQuery Validate可以确保用户输入的数据符合预设的规则，如邮箱格式、密码强度、必填项等。这有助于防止因用户输入错误而导致的数据错误或系统异常。 动态校验场景：在前端设计中，实时、动态的信息校验提醒能够提供良好的用户体验。jQuery Validate提供了强大的动态校验功能，能够实时检查用户的输入，并在不满足规则时即时给出提示，帮助用户快速修正错误。
各种表单验证及方法
Amily8512的博客
01-10 1623
常用的正则表达式: //密码中必须包含大小写 字母、数字、特称字符，长度在8-30之间 密码强：^(?=.*[0-9])(?=.*[A-Z])(?=.*[a-z])(?=.*[^a-zA-Z0-9]).{8,30}$; //密码中必须包含字母（不区分大小写）、数字、特称字符，长度在8-30之间 密码高：^(?=.*[0-9])(?=.*[a-zA-Z])(?=.*[^a-zA-Z0-9]).{8,30}$; //密码中必须包含字母（不区分大小写）、数字，长度在8-30之间 密码中：^(?=.*[0-9])(
jQuery-Validate验证插件的使用步骤详解
武哥聊编程
05-25 8万+
我们知道，用户在注册的时候，会有个表单页面，然后有些选项是必填的，有些要填的内容是有规范的，这些都要在用户提交之前进行验证才行，如果不符合要求，需要在右边显示一个友好的提示，让用户修改。 　　记得以前在学习Servlet的时候，实现一个简单的用户注册功能的验证是在后台做的，有些用了正则表达式，有些没用，但是都比较简单。流程是这样的，前台提交表单数据后，servlet获取数据
validation-jQuery的validation表单验证插件.pdf
03-04
jQuery的validation插件是一款强大的表单验证工具，它基于JQuery库，使得开发者能够快速有效地实现对表单输入数据的验证。这个插件不仅提供了许多内置的验证规则，还允许自定义验证方法，同时支持多语言，极大地提高...
validation-jQuery的validation表单验证插件.docx
03-04
jQuery的validation表单验证插件是用于简化网页表单验证的工具，它基于jQuery库，提供了一种高效且可扩展的方式来验证用户输入的数据。这个插件使得开发者能够快速地实现常见输入验证，同时支持自定义验证规则和多...
jquery内置验证(validate)使用方法示例(表单验证)
01-21
(1)required:true 必输字段(2...例如：2009-06-23，1998/01/22 只验证格式，不验证有效性(7)number:true 必须输入合法的数字(负数，小数)(8)digits:true 必须输入整数(9)creditcard: 必须输入合法的信用卡号(10)equalTo
jQuery Validate验证框架详解
考拉很OK
12-21 1902
</td>中，如果是radio显示在<td>
jQuery Validate详解
JBIB ENGINE
01-26 1618
rangelength: $.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"),rangelength: $.validator.format("请输入长度在 {0} 到 {1} 之间的字符串"),range: $.validator.format("请输入范围在 {0} 到 {1} 之间的数值"),range: $.validator.format("请输入一个介于 {0} 和 {1} 之间的值"),
SQL 无法解决 equal to
u013400314的博客
10-17 192
SQL 无法解决 equal to
flask wtforms 自定义验证器
ccmcu的博客
04-05 530
# Wwtforms自定义验证器 # form即使在函数里面没用到也要传进来，因为在验证器函数默认传递2个参数 def my_length_check(form, field): if len(field.data) > 5: raise ValidationError('Field must be less than 5 characters') # 定义fla...
有关js中能否使用equals来判断相等的问题
weixin_30662109的博客
01-12 622
我们都知道在Java中，判断是否相等，我们首先想到的是equals方法，但是此方法在Javascript中是不适用的。 我们要想判断是否相等能只能使用“==”或者“===”，在这里 ，我们需要注意：js的一大特性，那就是存在数据自动转换机制。 例如：var a=1; var b=true; a==b 返回true 而 a===b返回false。 原因：“==”，表示经过自动转换，比较...
JQuery validate验证规则
热门推荐
学而不思则罔 思而不学则殆
04-19 8万+
//定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, dateISO: “请输入合法的日期 (ISO).”, number: “请输入合法的数字”, digits: “只能输入整数”, creditc
解决Masonry 中equalTo和mas_equalTo 乱用的问题
小白的专栏
10-15 8347
其实 mas_equalTo是一个MACRO,比较的是值，equalTo比较的是view。 // 只要添加了这个宏，就不用带mas_前缀 2 #define MAS_SHORTHAND 3 // 只要添加了这个宏，equalTo就等价于mas_equalTo 4 #define MAS_SHORTHAND_GLOBALS 5 // 这个头文件一定要放在上面两个宏的后面 6 #import "
ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}"...
weixin_33696106的博客
09-13 854
ligerui的jquery.validate验证需要添加validate="{required:true,minlength:8,equalTo:'#newpassword'}" 转载于:https://www.cnblogs.com/oymx/p/3969937.html
Jquery Validate自定义验证规则，一个汉字等于两个字符长度
极客神殿
09-15 2242
使用Jquery validate时写的一些东西，在这里做个笔记 在使用 Jquery validate 的minlength和maxlength进行文本框内容长度验证的时候，对于一个汉字的长度检测结果是1个字符长度， 在这里我想让一个汉字的长度为2个字符长度，下面记录一下实现方法。 首先我们定义一个需求，比如下面文本框，我们想让输入的用户名长度不能超过10个字符(一个汉字为两个字符长度)。...
jQuery----五星好评实现
05-23
以下是一个简单的 jQuery 五星好评实现： HTML 代码： ```html <div class="rating"> <span class="star" data-value="1">★</span> <span class="star" data-value="2">★</span> <span class="star" data-value="3">★</span> <span class="star" data-value="4">★</span> <span class="star" data-value="5">★</span> </div> ``` CSS 代码： ```css .rating { font-size: 40px; } .star { cursor: pointer; color: #ccc; } .star.active, .star:hover { color: #f90; } ``` jQuery 代码： ```javascript $(document).ready(function() { $('.rating .star').click(function() { var value = $(this).data('value'); $(this).siblings('.star').removeClass('active'); $(this).addClass('active'); $('#rating-value').val(value); }); }); ``` 这段代码会在文档加载完成后将所有五个星星绑定点击事件。当用户点击其中一个星星时，会获取该星星的值并将其它星星的 `active` 类删除，然后将该星星添加 `active` 类。此外，还会将该星星的值存储在一个表单域中，以便在提交表单时使用。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值