jquery表单验证复选框错误显示
jquery form validation checkbox error display
我目前正在使用jquery表单验证用于验证表单。表单的一部分要求用户根据以下内容选择复选框;
<div class="form-group">
<div class="col-xs-5 col-xs-offset-3">
<label class="checkbox-inline">
<input type="checkbox" class="chkbox" name="seltype" value="">Price is Firm
</label>
<label class="checkbox-inline">
<input type="checkbox" class="chkbox" name="seltype" value="">Negotiable
</label>
<label class="checkbox-inline">
<input type="checkbox" class="chkbox" name="seltype" value="">Swap/Trade
</label>
</div>
</div>
我的问题是,当用户在没有选择复选框的情况下提交表单时,错误显示在第一个复选框之后,即价格是固定的。如何将错误消息显示到底部,即掉期/交易选项之后。
jquery
$( document ).ready( function () {
$( "#fileupload" ).validate( {
rules: {seltype:"required"},
messages: {seltype:"Please select appropriate box"},
errorElement: "em",
errorPlacement: function ( error, element ) {
// Add the `help-block` class to the error element
error.addClass( "help-block" );
if ( element.prop( "type" ) === "checkbox" ) {
error.insertAfter( element.parent( "label" ) );
} else {
error.insertAfter( element );
}
},
highlight: function ( element, errorClass, validClass ) {
$( element ).parents( ".col-xs-5" ).addClass( "has-error" ).removeClass( "has-success" );
},
unhighlight: function (element, errorClass, validClass) {
$( element ).parents( ".col-xs-5" ).addClass( "has-success" ).removeClass( "has-error" );
}
} );
} );
在当前代码中,您指定将其插入标签后:
error.insertAfter( element.parent( "label" ) );
因此,只需将其更改为在标签的父div之后插入即可:
error.insertAfter( element.parent( "label" ).parent() );
或者在最后一个标签之后:
error.insertAfter( element.parent( "label" ).siblings(':last') );
相关文章:
- jquery表单验证复选框错误显示
- 为什么Inspect元素中的错误显示函数myNUM()没有定义?如何定义函数
- 禁用文本框的脚本错误显示
- 为什么错误显示为函数体之前缺少{
- Firefox SDK:包括jquery.flot在内的问题,错误显示维度高度为空
- 版边上出现错误“显示临时标题”
- 自定义错误显示在自定义位置,而不是每个元素旁边
- JavaScript错误显示在浏览器中
- jQuery tonum 是刨丝器,然后如果错误显示错误,则从没有
- 根据发现的错误显示不同的引导程序警报消息
- Javascript代码错误显示未定义的值
- 将输入字段值传入angularjs $resource undefined,错误显示未知的作用域提供商
- JavaScript错误显示在Joomla1.5页面
- 使用ruby生成节点并使用javascript错误显示它们
- d3js:条形图是不可见的,没有错误显示
- 与一些javascript,密码/用户名错误显示
- JavaScript错误显示表
- Javascript(与相位器)错误显示游戏的颜色-括号
- Jquery表单验证错误显示Div
- Php错误显示,而访问输入类型=文件使用jquery/ajax方法