jquery 验证中的错误放置
Error placement in jquery validation
我想将验证错误放在特定位置,默认情况下我使用
errorPlacement: function(error, element){
error.insertAfter(element);
}
这会在表单控件元素之后显示错误消息。但是我想在每个表单控件元素的特定位置显示错误。
我的HTML页面是这样的:
<form method='post' action='regaction.php' id='regform'>
<label for='username'>Username<span class='required'>*</span> </label>
<input type='text' id='username' name='username'><br><span class='err_label'></span><br>
<label for='password'>Password<span class='required'>*</span> </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> </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);
等..
但运气不好。我认为问题可能很简单,但我找不到正确的解决方案..有人可以帮助我..
您只需添加
errorElement: 'span',
errorClass: 'err_label'
进入您的 validate() 调用。
尝试:
errorPlacement: function(error, element) {
$(element).nextAll('.err_label').eq(0).html(error);
}
我想将验证错误放在特定位置,默认情况下我使用
errorPlacement: function(error, element){
error.insertAfter(element);
}
这会在表单控件元素之后显示错误消息。但是我想在每个表单控件元素的特定位置显示错误。
我的HTML页面是这样的:
<form method='post' action='regaction.php' id='regform'>
<label for='username'>Username<span class='required'>*</span> </label>
<input type='text' id='username' name='username'><br><span class='err_label'></span><br>
<label for='password'>Password<span class='required'>*</span> </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> </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);
等..
但运气不好。我认为问题可能很简单,但我找不到正确的解决方案..有人可以帮助我..
您只需添加
errorElement: 'span',
errorClass: 'err_label'
进入您的 validate() 调用。
尝试:
errorPlacement: function(error, element) {
$(element).nextAll('.err_label').eq(0).html(error);
}