使用jquery Validate的时候验证出错的提示显示位置问题

最新推荐文章于 2021-08-06 01:51:33 发布
最新推荐文章于 2021-08-06 01:51:33 发布
阅读量7.7k 收藏
点赞数 1
分类专栏： Jquery Validation 文章标签： jquery Validate 信息提示
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/TOP_Y/article/details/50162791
版权
今天我遇到了一个问题，就是两个单选按钮加上了非空验证，然后提示信息在第一个单元后面显示出来了，然后看了一个jQuery Validate的dome中找到了一个神器 
<label for="checkIn" class="error"></label>

这一行代码就可以把不和规则时的提示扔到你想要的任何地方其中for后面跟着的是单选或者是多选框的name class不能修改必须为error才可以

其原理是当验证出问题时候，jQuery Validate会首先上页面上找和你的控件name一样的libel控件，如果有直接显示在里面，如果没有才会给你在控件后面创建一个新的libel出来

然后你就可以在页面中通过定义类样式来规定你的错误信息的显示方式

TOP_Y
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
专栏目录
jQuery的validate组件提示错误信息怎么指定位置
吴永杰的博客
03-28 316
在需要指定具体位置的地方留一个错误提示,其余的使用默认提示方式。jQuery默认的提示方式导致的。
jQuery Validate插件实现表单验证
12-08
jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。更重要的是他是由jQuery 团队、 jQuery UI 团队的主要开发人员Jörn Zaefferer 编写和维护的。具体我们可以访问 jQuery Validate 官网，下载最新版的 jQuery Validate 插件。 需要引入以下JS文件 <script typ
jquery.validate提示错误信息位置方法
11-27
本文实例讲述了jquery.validate提示错误信息位置方法。分享给大家供大家参考，具体如下： 好长时间没有用jquery.validate.js这个插件了，忘得差不多了。唉，好东西还是要经常拿出来看看的，今天用jquery.validate来做一个小东西，遇到一个问题，就是错误提示信息的位置问题，如果知道的话，很简单。以前遇到过，可是忘了，现在标记一下，将来在忘了，在回过头看看。俗话说的好，好记性不如烂笔头。 举个例子，大家就知道怎么回事了。 rules: { name:{ required:true, rangelength:[1,20] }, validateCode: { req
JQuery Validate验证显示错误提示位置
dayanyun4518的博客
06-21 558
JQuery Validate验证显示错误提示位置 验证多个Name值相同的元素： $(".send").click(function () { var a = 0; var b = ...
jquery validate提示错误信息位置修改
热门推荐
幸福滴嘴角上扬的博客
12-06 1万+
使用jquery.validate.min.js进行验证时，如何修改提示信息位置。
jqgrid冻结列错位问题解决
淘淘小窝
03-30 1万+
在使用jqgrid冻结列的时候,发现点击下一页行数据错位. 如图 解决方法:让滚动条默认回到顶部 代码如下 loadComplete: function() { $('.ui-jqgrid-bdiv').scrollTop(0); // $(this).setJqGridRowHeight(28);//表格加载完成设置表格高度 }
jquery validation engine ajax验证,jquery.validationEngine 验证 AJAX 不起作用解决方法
weixin_33037313的博客
08-06 276
当前位置:我的异常网» Ajax»jquery.validationEngine 验证 AJAX 不起作用解决方jquery.validationEngine 验证 AJAX 不起作用解决方法www.myexceptions.net网友分享于：2013-03-26浏览：232次jquery.validationEngine 验证 AJAX 不起作用解决办法使用ajax时 返回必须是js...
jQuery Validate设置错误的提示信息的位置都放在最后面：
chenxingde的博客
02-07 4681
$("userForm").validate({ errorPlacement:function(error,element){ if(element.parent().hasClass("input-group")){ element.parent().after(error); }else element.after(er
使用validate插件时一些注意事项
weixin_30279751的博客
11-07 117
1、使用Validate时，配置信息中需要验证的项选择的是input的name属性值，而不是其id或者class名； 2、验证所有信息正确后执行的动作为submitHandler：function(){//...}; 3、有写input可能不需要单独验证，需要与其他input配合，比如一个input的name属性为username，如果password不填写的话username不需要验证，pa...
功能强大的jquery.validate表单验证插件
01-19
本文实例为大家分享了jquery.validate表单验证的使用方法，供大家参考，具体内容如下 1 、表单验证的准备工作 在开启长篇大论之前，首先将表单验证的效果展示给大家。 1.点击表单项，显示帮助提示  2.鼠标离开表...
jquery+validate.js+验证规则文件
09-03
2 remote:"check.php" 使用 ajax 方法调用 check.php 验证输入值。 3 email:true 必须输入正确格式的电子邮件。 4 url:true 必须输入正确格式的网址。 5 date:true 必须输入正确格式的日期。日期校验 ie6 出错，慎...
jquery.validate表单验证插件使用详解
12-12
今天我们来说一下表单验证，有人说我们在进行表单验证的时候使用正则来验证是非常麻烦的，现在我来给大家介绍一下表单验证的插件：jquery.validate.min.js 它是与jquery一起结合用来使用的，使用它是非常方便，只需...
深入学习jQuery Validate表单验证
10-22
主要针对jQuery Validate表单验证为大家进行详细介绍，如何在class属性里面并定义错误信息的提示，感兴趣的小伙伴们可以参考一下
springboot(酒店管理系统)
04-25
开发语言：Java JDK版本：JDK1.8（或11） 服务器：tomcat 数据库：mysql 5.6/5.7（或8.0） 数据库工具：Navicat 开发软件：idea 依赖管理包：Maven 代码+数据库保证完整可用，可提供远程调试并指导运行服务（额外付费）～ 如果对系统的中的某些部分感到不合适可提供修改服务，比如题目、界面、功能等等... 声明： 1.项目已经调试过，完美运行 2.需要远程帮忙部署项目，需要额外付费 3.本项目有演示视频，如果需要观看，请联系我 4.调试过程中可帮忙安装IDEA，eclipse，MySQL，JDK，Tomcat等软件 重点： 需要其他Java源码联系我，更多源码任你选，你想要的源码我都有！ 需要加v19306446185
BP神经网络matlab实例.doc
最新发布
04-25
数学模型算法
设计.zip
04-25
设计.zip
基于 Spring Cloud 组件构建的分布式服务架构
04-25
Java SSM项目是一种使用Java语言和SSM框架（Spring + Spring MVC + MyBatis）开发的Web应用程序。SSM是一种常用的Java开发框架组合，它结合了Spring框架、Spring MVC框架和MyBatis框架的优点，能够快速构建可靠、高效的企业级应用。 1. Spring框架：Spring是一个轻量级的Java开发框架，提供了丰富的功能和模块，用于开发企业级应用。它包括IoC（Inverse of Control，控制反转）容器、AOP（Aspect-Oriented Programming，面向切面编程）等特性，可以简化开发过程、提高代码的可维护性和可测试性。 2. Spring MVC框架：Spring MVC是基于Spring框架的Web框架，用于开发Web应用程序。它采用MVC（Model-View-Controller，模型-视图-控制器）的架构模式，将应用程序分为模型层、视图层和控制器层，提供了处理请求、渲染视图和管理流程的功能。 3. MyBatis框架：MyBatis是一个持久层框架，用于与数据库进行交互。它提供了一种将数据库操作与Java对象映射起来的方式，避免了手动编写繁琐的SQL语句，并提供了事务管理和缓存等功能，简化了数据库访问的过程
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar
04-25
【微信小程序毕业设计】书店系统开发项目(源码+演示视频+说明).rar 【项目技术】 微信小程序开发工具+java后端+mysql 【演示视频-编号：246】 https://pan.quark.cn/s/cb634e7c02b5 【实现功能】 用户信息管理，图书信息管理，图书类型管理，图书留言管理，论坛信息管理等
jQuery Validate
08-19
jQuery Validate是一个流行的jQuery插件，用于在前端对表单进行验证。使用这个插件可以方便地添加各种验证规则，如必填字段、最小长度、邮箱格式等等，以确保用户输入的数据的准确性和完整性。 要使用jQuery Validate插件，首先需要在页面中导入相关的JavaScript文件。可以通过在HTML页面的<head>标签中添加以下代码来导入jQuery Validate插件文件： ```html <script type="text/javascript" src="js/jquery.validate.min.js"></script> ``` 然后，可以通过调用validate()方法来对表单进行验证。在调用validate()方法时，可以传入一些配置选项来自定义验证规则和错误提示信息。详细的配置说明可以参考插件的官方文档，其中包括了各种可用的配置选项和示例代码： ```html 配置说明：http://docs.jquery.com/Plugins/Validation/validate#options ``` 如果需要获取更多关于jQuery Validate插件的信息，可以访问官方网站： ```html 官方网站：http://bassistance.de/jquery-plugins/jquery-plugin-validation/ ``` 通过阅读官方文档和示例代码，您可以更好地了解如何使用jQuery Validate插件来实现表单验证功能。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [jQuery Validate 表单验证插件](https://blog.csdn.net/xiangxiao_bobo/article/details/119772293)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值