`

jquery.valid()总是返回true的解决方法

阅读更多
昨天做表单验证,就去网上找了jquery的验证。

测试时发现不管怎么样,valid()总是返回true。

郁闷中。。。

今天去网上找了下原因

Why does the JQuery valid() method always return True?

其中有个回答很好的解决了我的问题

The rules take form input "names" not "ids";


解决方法就是我们获取对象是要用它的name

我的表单:
<form id="price_info" name="price_info">			
	<input type="text" class="size_S" id="cpa1" name="cpaminprice" />
	<input type="text" class="size_S" id="cpa2" name="cpadivide" />
</form>	


jquery代码:
错误验证方法,用ID调用对象:
rules : {
    "cpa1" : {required:true,number:true,min:0},
    "cpa2" : {required:true,number:true,min:0}
},

应该修改为用NAME调用对象

rules : {
    "cpaminprice" : {required:true,number:true,min:0},
    "cpadivide" : {required:true,number:true,min:0}
},
分享到:
评论

相关推荐

    jQuery.validate 用法

    源码中的`addMethod`允许开发者扩展新的验证方法,`valid`方法则是验证表单元素的核心函数。`errorList`用于存储当前未通过验证的元素,`showErrors`用于显示错误信息。在验证过程中,`element`和`highlight`等方法...

    jQuery表单验证插件 jQuery.validity

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

    jQuery.validate.js+API中文

    4. `.valid()`: 检查表单是否有效,返回布尔值。 5. `.errorsFor(element)`: 获取元素的错误消息数组。 三、使用示例 下面是一个简单的使用示例,展示了如何配置验证规则并显示中文错误消息: ```javascript $("#...

    jquery.validate.js 和 帮助文档.rar

    例如,`valid()`方法可以用来检测一个元素或整个表单是否有效,`errorList`属性则返回当前表单的错误列表。 在实际项目中,我们还需要考虑如何优雅地显示和隐藏错误提示。jQuery Validate插件允许自定义错误元素和...

    Jquery.dForm 插件与验证

    下面将详细介绍Jquery.dForm插件的核心特性、使用方法以及如何进行JSON数据的生成和验证。 1. **核心特性** - **动态生成表单**:Jquery.dForm允许开发者根据JSON对象动态地生成表单元素。这意味着你可以用JSON...

    jQuery.form.js

    《jQuery Form Plugin 3.51.0:深入解析与应用》 jQuery Form Plugin是一款广泛应用于Web开发中的JavaScript库,其主要目标是简化HTML表单的处理,包括提交、异步上传以及各种验证功能。这款插件的核心在于它提供了...

    jquery.validate 使用

    - 动态验证:当表单元素的状态改变时,可以使用`valid()`或`invalid()`方法触发验证。 五、示例应用 在`jqueryvalidate验证demo`中,包含了多个实例,演示了基本验证、自定义规则、验证组等常见功能的应用。通过...

    jQuery验证控件jquery.validate.js使用说明+中文API

    - **禁用验证**:使用`.valid()`方法进行手动验证,或者通过`.valid()`的参数控制验证行为。 总的来说,`jquery.validate.js`是一款强大的前端验证工具,结合其中文API和自定义扩展,可以帮助开发者高效地完成表单...

    Jquery.validate插件使用方法

    1. **引入资源**:在项目中,首先需要引入jQuery库和jQuery.validate插件的js文件,通常包括`jquery.js`、`jquery.validate.js`以及可选的`additional-methods.js`(包含了一些额外的验证方法)。 2. **初始化验证*...

    jquery验证插件Validator

    **jQuery验证插件Validator详解** jQuery Validator是一款广泛应用于前端开发中的强大验证插件,它能够帮助开发者轻松实现表单验证,提高用户体验,确保用户输入的数据符合预设的规则。这款插件是基于jQuery库构建...

    jquery.validVal-4.0.1

    5. **触发验证**:当需要验证表单时,可以调用`valid`方法,如`$("#myForm").valid();`。 三、高级应用 1. **异步验证**:jQuery.validVal-4.0.1支持异步验证,如验证用户名是否已存在,可以设置`remote`规则并...

    jquery.validate知识要点

    1. **格式化错误消息**:`jQuery.validator.format`方法可以用来格式化错误提示信息,使其更加友好和具体。 ```javascript var str = "Hello {0}, this is {1}"; alert("'" + str + "'"); // 显示原始字符串 ...

    jquery.validation.unobtrusive.js

    在原始库的基础上增加多校验提示框支持。如下: &lt;title&gt;validation test ... &lt;span class="field-validation-valid" data-valmsg-replace="true" data-valmsg-for="mobile"&gt; 提交"/&gt; 重置"/&gt; &lt;/html&gt;

    Jquery.validate表单验证小结

    传统的JavaScript表单验证方法往往冗长且难以维护,而jQuery Validate插件则以其简洁、高效及易于扩展的特性成为众多开发者首选。本文将深入探讨如何使用jQuery Validate插件进行表单验证,包括必要的资源文件、基本...

    jquery.validate使用攻略

    5. **处理提交事件**:如果表单验证通过,可以使用 `.valid()` 方法来检查,然后决定是否允许表单提交。 ### 第二章 jQuery.validate.js API API 包括了各种方法、选择器和工具,例如: - **Custom selectors**:...

    jquery.validate.js 1.8.1 + 实例

    if ($(this).valid()) { // 表单数据通过验证,可以在这里发送 AJAX 请求或执行其他操作 } else { e.preventDefault(); // 阻止默认提交行为,因为验证失败 } }); ``` ### 综合示例 在提供的 `jquery-...

    jquery.validate.js

    在`check-username.php`中,你需要返回JSON格式的响应,如`{"valid":true}`或`{"valid":false}`。 六、其他高级特性 validate.js还支持分组验证、禁用验证、动态显示错误消息等功能,可以根据项目的具体需求灵活...

    jQuery.validate实例

    jQuery库中的validate插件为开发者提供了一种简单、高效的表单验证解决方案。本文将深入探讨jQuery.validate的实际应用,结合“jQuery.validate使用手册”进行详尽的解析。 首先,我们需要了解jQuery.validate的...

Global site tag (gtag.js) - Google Analytics