jQuery验证中的错误放置

迪普·萨西达兰(Deepu Sasidharan)

我想将验证错误放置在特定位置,默认情况下我正在使用

errorPlacement: function(error, element){               
            error.insertAfter(element);     
        }

这将在表单控件元素之后显示错误消息。但是我想在每个表单控件元素的特定位置显示错误。

我的HTML页面如下所示:

<form method='post' action='regaction.php' id='regform'>
    <label for='username'>Username<span class='required'>*</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
    <input type='text' id='username' name='username'><br><span class='err_label'></span><br>
    <label for='password'>Password<span class='required'>*</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
    <input type='password' id='password' name='password'><br><span class='err_label'></span><br>
    <label for='password'>Confirm Password<span class='required'>*</span> </label>
    <input type='password' id='cpassword' name='cpassword'><br><span class='err_label'></span><br>
    <label for='email'>Email<span class='required'>*</span> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</label>
    <input type='text' id='email' name='email'><br><span class='err_label'></span><br>
    <input type='reset' name='resetbtn' id='resetbtn' value='Reset'>
    <input type='submit' name='submitbtn' id='submitbtn' value='Register'>
   </form>

我想在显示验证错误信息spanclass err_label每个表单控件。

我尝试过这样的事情:

$(element).next().find('.err_label').html(error);

$(element).find('.err_label').html(error);

ETC..

但没有运气。我认为问题可能很简单,但我无法找到正确的解决方案..有人可以帮助我..

漫游者1888

尝试 :

errorPlacement: function(error, element) {              
    $(element).nextAll('.err_label').eq(0).html(error);
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

jQuery验证,在错误放置中未定义element.value

来自分类Dev

jQuery验证插件单个元素的错误放置

来自分类Dev

引导选择验证错误放置

来自分类Dev

总和中逗号的错误放置

来自分类Dev

错误放置的视图警告

来自分类Dev

错误放置默认样式

来自分类Dev

jQuery验证错误消息放置

来自分类Dev

Java中的Mockito'在此处检测到错误放置的参数'

来自分类Dev

将自定义错误放置与成功结合起来不起作用jquery validate插件

来自分类Dev

使用select2时Bootstrap Popover错误放置

来自分类Dev

CSS Tumblr主题:错误放置了Post2背景

来自分类Dev

一些数字的幻方错误放置

来自分类Dev

在Android中错误放大类Button

来自分类Dev

在Android中错误放大片段

来自分类Dev

Codeigniter-更改错误定界符-将所有错误放入一个div标签中,而不是单独放置

来自分类Dev

错误消息跨度与Parsley 2.x和Bootstrap 3的错误放置

来自分类Dev

错误放置return语句和字符-int不匹配证明

来自分类Dev

jQuery中的字符串验证错误

来自分类Dev

jQuery表单验证中的错误消息

来自分类Dev

jQuery验证与多个工具箱的Tooltipster错误消息放置问题

来自分类Dev

错误放大Yalantis类FontTextView

来自分类Dev

Android:错误放大类片段

来自分类Dev

Android Studio:错误放大类片段

来自分类Dev

Android:错误放大片段类

来自分类Dev

Android Studio:错误放大类片段

来自分类Dev

jQuery验证总和错误

来自分类Dev

使用jQuery验证在错误消息中显示输入值

来自分类Dev

jQuery验证-在错误消息中显示字段名称

来自分类Dev

每个输入上的addClass验证jQuery中的错误