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

最新推荐文章于 2024-03-28 13:44:43 发布
原创 最新推荐文章于 2024-03-28 13:44:43 发布 · 7.8k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#jquery Validate 信息提示

本文介绍了一个关于jQuery Validate插件的小技巧：如何通过自定义label标签的位置来改变验证失败时提示信息的显示位置，这对于网页表单的设计非常有用。
今天我遇到了一个问题，就是两个单选按钮加上了非空验证，然后提示信息在第一个单元后面显示出来了，然后看了一个jQuery Validate的dome中找到了一个神器
<label for="checkIn" class="error"></label>

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

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

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

jquery validate验证(自定义提示信息，错误提示位置以及颜色)
popstarqq的博客
07-23 3772
1 效果 2 代码 <!DOCTYPE html> <html> <head> <title>jquery验证</title> <script type="text/javascript" src="./jquery.js"></script> <script type="text/javascript" src="./jquery.valid..
jquery validate 自定义验证方法介绍 日期验证
10-26
该方法接受三个参数：一个是方法的名称，一个是验证函数，还有一个是当验证失败时显示的错误信息。自定义验证方法可以在页面加载时被添加，并且可以像使用内置验证方法一样，在表单元素上通过class属性引用。 例如...
jquery validation engine ajax验证,jquery.validationEngine 验证 AJAX 不起作用解决方法
weixin_33037313的博客
08-06 377
当前位置:我的异常网» Ajax»jquery.validationEngine 验证 AJAX 不起作用解决方jquery.validationEngine 验证 AJAX 不起作用解决方法www.myexceptions.net网友分享于：2013-03-26浏览：232次jquery.validationEngine 验证 AJAX 不起作用解决办法使用ajax时 返回必须是js...
将jqueryvalidate的提示位置改为文本下面
my_interface的博客
09-20 1808
  &lt;style&gt; #contentTable label.error{ display: block; } &lt;/style&gt;   获取id为contentTable 的一个区域 （可以为table) 将里面的所有的 lable标签 class样式为error 加以下属性display: block;  这个属性表示  此元素将...
jquery validate默认错误提示显示位置修改
02-24
jquery validate默认错误提示显示位置修改
jQuery的validate组件提示错误信息怎么指定位置
最新发布
吴永杰的博客
03-28 821
在需要指定具体位置的地方留一个错误提示,其余的使用默认提示方式。jQuery默认的提示方式导致的。
jQuery Validate 数组 全部验证问题
10-20
这样，jQuery Validate就会使用我们的`arrayRequired`方法来验证`myArray[]`数组中的所有元素。 通过这种方法，我们可以在保留jQuery Validate原有功能的同时，实现对数组元素的全部验证。这种解决方案既保持了...
jquery.validate提示错误信息位置方法
10-22
在常规的使用中，如果未指定错误信息的显示位置，jQuery Validate插件默认会将错误提示信息放置在验证的输入元素之后。但有时候为了界面的整体美观和用户体验，我们可能需要改变错误信息的位置，这时就需要使用`...
由于页面引用validation验证引起的页面乱码，或只显示一半页面
eric88的专栏
10-22 1408
  由于页面引用validation验证引起的页面乱码，或只显示一半页面解决办法：        多数都是因为缺少“”括号，还有一些是所验证的field的域名与jsp页面上的域名不一致。注意事项：        所验证的域名必须要与页面上一致。
jQuery Validate设置错误的提示信息的位置都放在最后面：
chenxingde的博客
02-07 4798
$("userForm").validate({ errorPlacement:function(error,element){ if(element.parent().hasClass("input-group")){ element.parent().after(error); }else element.after(er
JQuery Validate验证显示错误提示位置
dayanyun4518的博客
06-21 665
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);//表格加载完成设置表格高度 }
使用validate插件时一些注意事项
weixin_30279751的博客
11-07 180
1、使用Validate时，配置信息中需要验证的项选择的是input的name属性值，而不是其id或者class名； 2、验证所有信息正确后执行的动作为submitHandler：function(){//...}; 3、有写input可能不需要单独验证，需要与其他input配合，比如一个input的name属性为username，如果password不填写的话username不需要验证，pa...
jQuery.validate 中文 API
weixin_30835933的博客
02-10 214
名称返回类型描述 validate(options) Validator 验证所选的 FORM。 valid() Boolean 检查是否验证通过。 rules() Options 返回元素的验证规则。 rules("add",rules) Options 增加验证规则。 rules("remove",rules) Op...
jquery validate 验证不通过后验证正确的信息仍残留在label上的解决方法
aobi6343的博客
08-26 412
在使用validate进行表单验证时会有第一次验证通过，但是第二次验证不通过时，第一次验证通过的信息残留在label上面的情况，最常见的就是√残留 如此图所示：此时“请输入姓名”前面应该时×才是正常情况。如何解决这个问题？ 需要对jquery.validate.js文件进行修改，原因如下： 一次验证成功但是二次验证失败后，会进入如下代码： showLabel:...
jQuery Validate修改错误显示信息位置
ATryndamere的博客
07-04 952
不设置错误显示位置，默认位置 修改显示位置 参考代码： errorPlacement: function(error, element) { // Append error within linked label $( element ) .closest( "form" ) .find( "label[for='" + element.attr( "id" ) + "']" ) .append( error ); }, 显示位置放在尾部 <!DOCTYPE ht.
评论 5
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值