jQuery.validator 参数使用javascript方式调用属性

最新推荐文章于 2020-06-03 16:31:29 发布
原创 最新推荐文章于 2020-06-03 16:31:29 发布 · 601 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jQuery.validator #element #javascript

本文详细阐述了在使用validator添加自定义方法时遇到的问题，即使用element.attr('xxx')调用元素自身属性导致的TypeError。通过采用JavaScript方式调用属性并验证其效果，提供了一个实用的解决方案。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用 validator 添加自定义方法 时候，刚好要用到 element 调用下它自身的属性，发现用 element.attr('xxx') 调用，浏览器会提示： TypeError: Object #<HTMLInputElement> has no method 'attr'

  但是element并不是不可以调用函数的，试着用javascript方式调用下它的值：element.value ，然后加到弹窗里。浏览器刷新，可以正常弹窗

  做个mark，jQuery.validator 参数使用javascript方式调用属性

jquery validator js验证框架
04-09
这是基于jquery 实现的对文本框输入的值进行验证的一个框架，内含我自己实现的一些特殊的验证规则，可根据自身需求修改。
jquery.validate表单验证密码完整例子(带密码强度显示）
10-12
2. **初始化验证**：使用`jQuery`选择器找到需要验证的表单元素，并调用`.validate()`方法，配置相应的验证规则。例如，对于密码字段，可能有`required`（必填）、`minlength`（最小长度）和自定义的正则表达式规则...
jQuery.validator代码(导入依赖后可直接使用)
北冥的博客
06-03 463
//配置通用的默认提示语 $.extend($.validator.messages = { required: "输入不能为空.", remote: "用户名已经存在.", // 自己定义 email: "请输入一个有效的电子邮件地址.", url: "请输入一个有效的URL.", date: "请输入一个有效的日期.", dateISO: "请输入一个有效的日期 ( ISO ) ( 例：2014/08/28 ).",
jQuery.validator 自定义校验规则
ymxkybqw的博客
12-14 651
//自定义校验方法             jQuery.validator.addMethod("gt", function (value, param) {                 var equipment = parseFloat($("#equipment").val());                 var centralInvestment =...
JQuery Validator使用实例
samnalove的专栏
12-28 977
最近花时间看了看jQuery的validator插件，发现这个东西用来做web前端验证确实很不错，所以将例子记录下来，以备后用。 JQuery Validator Demo $(document).ready( function() { // 手机号码验证 jQuery.validator.addMethod("isMobile",
Jquery validate 静态方法和常用方法的使用
x329357842的博客
03-14 4567
valid方法使用 ： <!-- jsp代码片段 主要是两个文本框一个按钮 --> <form id="formID"action="login.spring" method="get"> 用户名:<input type="text" name="username" id="username" ><br><br>
【JavaScript】jquery.validation.js
07-28
jQuery作为一个广泛使用的JavaScript库，其强大的功能和易用性使得它在开发中占据了重要地位。而jQuery Validation插件是jQuery生态系统中的一个强大工具，用于简化表单验证。本文将深入探讨jQuery Validation插件，...
jquery.validate表单验证插件使用详解
10-19
在本文中，我们将深入探讨jQuery Validate插件的使用方法，这是一个强大的JavaScript库，用于实现高效且用户友好的表单验证。jQuery Validate插件简化了在HTML表单中添加验证规则的过程，无需编写复杂的正则表达式，...
jquery.validate的使用说明介绍
10-26
jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", // ... 其他规则 });...
jQuery.Validate表单验证插件的使用示例详解
11-26
重置表单通常需要两步操作：一是通过调用`validator.resetForm()`清除验证状态和错误提示，二是使用原生的`reset()`方法清空表单输入内容： ```javascript $(".reset").click(function() { validator.resetForm();...
Javascript 验证Validator.js 使用全解
weixin_30764137的博客
02-21 794
文件Validator.js Validator={Require : /.+/,Email : /^\w+([-+.]\w+)*@\w+([-.]\\w+)*\.\w+([-.]\w+)*$/,Phone : /^((\(\d{3}\))|(\d{3}\-))?(\(0\d{2,3}\)|0\d{2,3}-)?[1-9]\d{6,7}$/,Mobile : /^((\(\d{3}\))...
jQuery.validator 详解二
weixin_30423977的博客
08-29 237
前言：上一篇详细的介绍了jQuery.validator( 版本v1.13.0 )的验证规则，这一篇重点讲述它的源码结构，及如何来对元素进行验证，错误消息提示的内部实现 一、插件结构(组织方式) 在讲述如何对元素进行验证前有必要了解它的代码组织方式，请看代码(部分省略) var plugFn = function( $ ) { $.extend($.fn, { ...
jQuery学习之：Validation表单验证插件
Go语言中文网
12-26 1700
最近由于公司决定使用AJAX + Struts2来重构项目，让我仔细研究一下这两个，然后集中给同事讲讲，让每个人都能够有所掌握，慢慢会用。于是，自己便开始学习……由于Struts2自己早就学过，因而不需要花多少时间。而AJAX之前没怎么用过。现在AJAX框架如此之多，选择哪一个呢？开始打算选择dojo，但是看了一点后，发现蛮复杂的。在之前有学过一点点jQuery，而网上也说jQuery很强大而
Jquery Validate 相关参数及常用的自定义验证规则
热门推荐
ITSTAR
08-15 8万+
Jquery Validate 相关参数 //定义中文消息 var cnmsg = { required: “必选字段”, remote: “请修正该字段”, email: “请输入正确格式的电子邮件”, url: “请输入合法的网址”, date: “请输入合法的日期”, dateISO: “请输入合法的日期 (ISO).”, number: “请输入合法的数字”,
jquery插件formValidator的ajaxValidator传参数问题
weixin_34237596的博客
01-13 296
最近在用formValidator插件，遇到一个问题。当我想用ajaxValidator的url传参数时，$("#tbName").val()、document.getElementById("tbName").value$("#tbName").attr("value")都不行，后来终于找到原因了，其实是$(document).ready(function () {的原因，所以总是取到name=...
js validator 增加验证 数字格式验证
夏安的博客
11-27 2190
    // checkZHCJ校验规则     jQuery.validator.addMethod("checkZHCJ", function(value, element, param) {         var regex =/(^[1-9](\d{0,2})?(\.\d{1,2})?$)|(^0$)|(^\d\.\d{1,2}$)/;         var flag = regex....
jqueryValidator
qq_36074064的博客
05-03 497
通过Jquery validate在不侵入代码的情况下实现：常用的表单验证，其中有邮箱格式验证、必须为数字验证、正整数、不能为空判断以及自定义验证方法的实现。 需要添加的引用文件 自定义验证方法 //这个是自定义添加的验证方法 jQuery.validator.addMethod("positiveinteger", func
jQuery中on方法向回调函数传递参数
daizhe的专栏
11-09 1万+
jQuery的on方法用于替代早前版本的click等方法，传递参数的形式类似下面代码$("#i_" + id).on("click", {id: '123'}, function (e) { $("#li_tab_" + e.data.id).remove(); …… });其中on方法的第一个参数表示事件，第二个参数就是要向回调函数传递的数据，第三个参数是回调函数，注意其参数e，默
掌握jquery.validation.js及其使用技巧
1. **易用性**：通过简单的API调用即可实现复杂的验证逻辑，无需编写大量JavaScript代码。 2. **扩展性**：支持自定义验证方法和消息，提供丰富的选项来定制验证行为。 3. **灵活性**：支持多种验证事件，可以在不同...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值