`

JQuery Validate异常小结

阅读更多
<input type="text"  class="input-xlarge required"  id="newName" maxlength='50'>
<input type="text"  class="input-xlarge required emails" id="newAddress" maxlength='500'>

利用JQuery对上述两个输入框进行验证,你是否能看出上述代码的缺陷。
问题描述:第一个输入框验证正常,但第二个输入框验证无效,也不是完全无效,当你激活第二个输入框再失去焦点时,也有验证提示信息显示。

对于JQuery的验证,用得不多,这次碰到的异常让我很是困惑,费了不少时间,但总算是耐着性子解决了。

解决方案:
<input type="text"  class="input-xlarge required"   name="newName" id="newName" maxlength='50'>
<input type="text"  class="input-xlarge required emails" name="newAddress" id="newAddress" maxlength='500'>

加上name后,JQuery验证恢复正常。

总结:
利用JQuery框架进行验证时,输入框必须加上name属性,否则就会出现如上异常。这种异常排查起来还是挺麻烦。吃一堑长一智,遇到问题是好事。
分享到:
评论

相关推荐

    jquery validate 信息气泡提示

    在网页开发中,jQuery Validate 是一个非常常用的验证插件,用于对用户输入的数据进行校验,确保数据的有效性和完整性。这个插件可以帮助开发者创建复杂的表单验证规则,提高用户体验,减少服务器端的压力。结合 ...

    jquery validate例子

    《jQuery Validate插件详解与实例应用》 在Web开发中,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,提高数据的准确性和安全性。jQuery Validate是一个强大的JavaScript库,专为jQuery设计...

    jQuery Validate 1.1.2

    jQuery Validate 是一个强大的JavaScript库,专门用于前端表单验证,由jQuery团队开发并维护。它极大地简化了在网页上创建高效、用户友好的验证规则的过程,避免了开发者编写大量重复的验证代码。jQuery Validate ...

    jquery validate 表单验证

    首先,`jquery.js`是jQuery的核心库,它是jQuery Validate的基础,没有它,我们无法使用jQuery Validate。确保引入了最新的jQuery版本,以便利用其强大的DOM操作和事件处理能力。 其次,`myvalidate.js`可能是你...

    jquery validate依赖包及其帮助文档.rar

    《jQuery Validate插件详解与应用指南》 在Web开发领域,表单验证是不可或缺的一环,它能够确保用户输入的数据符合预设的规则,从而提高数据的准确性和系统的稳定性。jQuery Validate是一个强大的JavaScript库,专...

    jquery validate 验证手册

    《jQuery Validate验证手册》是针对JavaScript库jQuery的一个插件,主要功能是提供强大的表单验证功能,帮助开发者创建用户友好的、功能丰富的交互式表单。这个插件基于jQuery库,利用JavaScript的强大功能,简化了...

    jquery validate 验证自定义样式

    在本文中,我们将深入探讨如何利用jQuery Validate来创建自定义验证样式。 首先,我们从标题"jquery validate 验证自定义样式"开始。jQuery Validate插件默认提供了一些基本的样式,但这些样式可能不能满足所有设计...

    jQueryValidate.rar

    《jQuery Validate插件详解及其应用》 在Web开发中,表单验证是不可或缺的一部分,它确保用户输入的数据符合预设的规则,提高了用户体验并减少了服务器端的负担。jQuery Validate插件是实现这一功能的强大工具,它...

    jQuery Validate插件验证表单小练

    在这个“jQuery Validate插件验证表单小练”中,我们将深入探讨该插件的基本用法、核心功能以及如何在实际项目中应用。 首先,jQuery Validate 插件的核心在于它的验证规则。这些规则可以设置为必填(required)、...

    jquery.validate 版本大全

    jquery.validate.1.9.0.min.js jquery.validate.1.12.0.min.js jquery.validate.1.13.1.min.js jquery.validate.1.16.0.min.js jquery.validate.1.14.0.min.js jquery.validate.1.15.1.min.js jquery.validate....

    解决jquery validate remote 为什么只验证一次

    解决jquery validate remote 只验证一次的问题

    jquery validate 使用详解

    ### jQuery Validate 插件使用详解 #### 一、概述 jQuery Validate 是一款强大的表单验证插件,基于 jQuery 框架开发而成。它能够帮助开发者轻松实现客户端表单验证功能,大大提高了用户体验并减少了服务器端的...

    jQuery validate 自定义样式、规则

    jQuery Validate 是一个非常流行的JavaScript库,用于在网页表单中进行验证。这个库极大地简化了对用户输入数据的检查,确保在提交之前满足特定的业务规则。在本篇博文中,我们将深入探讨如何自定义jQuery Validate...

    jquery validate的漂亮css样式验证

    `jQuery Validate`是一个非常流行的JavaScript库,用于在前端进行表单验证。这个库极大地简化了对用户输入数据的检查,确保它们符合特定的规则和格式。`jQuery Validate`结合自定义CSS样式,可以让表单验证既实用又...

    Jquery validate和form插件

    **jQuery validate 和 form 插件详解** 在网页开发中,用户界面的交互性和数据验证是不可或缺的部分。jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。`jQuery validate` 和 `...

    Jquery Validate修改版

    《jQuery Validate修改版:提升表单验证体验》 在网页开发中,用户输入的验证是不可或缺的一环,它能够确保用户提交的数据符合预期,避免无效数据的产生,从而提高用户体验和服务器端处理效率。jQuery Validate插件...

    jquery validate配合struts2简单整改

    《jQuery Validate与Struts2整合应用详解》 在Web开发中,前端验证用户输入的数据是必不可少的一环,jQuery Validate插件就是一款强大的JavaScript验证工具,它可以帮助我们方便地实现表单验证。与此同时,Struts2...

    jquery validate 最稳定版本

    jQuery Validate 插件的基本用法是首先在页面中引入jQuery库和validate插件的JavaScript文件。然后,为要验证的表单添加一个`id`属性,并在JavaScript代码中调用`.validate()`方法来初始化验证规则。例如: ```...

    jquery validate中文教程

    在Web开发中,确保用户输入的数据符合预期格式和要求至关重要,而jQuery Validate则提供了简单易用的API来实现这一功能。 在开始使用jQuery Validate之前,你需要在HTML页面中引入jQuery库和jQuery Validate插件的...

Global site tag (gtag.js) - Google Analytics