Question

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

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>

我想在span中为class err_label显示每个表单控件的验证错误消息。

我试过这样的事情：

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

和

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

等..

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

Answer 1

尝试：

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

Answer 2

您只需添加

即可

errorElement: 'span', 
errorClass: 'err_label'

进入您的validate（）调用。

jquery验证中的错误放置

2 个答案: