bootstrapValidator自定验证方法写法
更新时间:2016年12月01日 13:45:22 作者:yueyeqingshan
这篇文章主要为大家详细介绍了bootstrapValidator自定验证方法写法,研究bootstrapValidator验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了bootstrapValidator自定验证方法写法,供大家参考,具体内容如下
//表单验证
issueInvoiceForm.validation = function(){
$('#issueInvoiceForm').on('init.field.bv', function(e, data) {
var $icon = data.element.data('bv.icon'),
options = data.bv.getOptions(), // Entire options
validators = data.bv.getOptions(data.field).validators; // The field validators
if (validators.notEmpty && options.feedbackIcons && options.feedbackIcons.required) {
$icon.addClass(options.feedbackIcons.required).show();
}
}).bootstrapValidator({
container:'popover',
feedbackIcons: {
required: 'glyphicon glyphicon-asterisk requiredStar',
valid: 'glyphicon glyphicon-ok',
invalid: 'glyphicon glyphicon-remove',
validating: 'glyphicon glyphicon-refresh'
},
fields: {
invoiceDate:{validators: {notEmpty: {message: '开票日期不能为空'}}},//开票日期
code:{validators: {notEmpty: {message: '发票编码不能为空'}}},
amount:{
validators:{
notEmpty: {message: '发票金额不能为空'},
numeric: {message: '发票金额只能输入数字'},
callback: {
message: '开票金额小于选中金额',
callback: function(value, validator) {
return false;
}
}
}
},
taxRate:{
validators:{
notEmpty: {message: '税率不能为空'},
numeric: {message: '税率只能输入数字'}
}
},
taxAmount:{
validators:{
notEmpty: {message: '税额不能为空'},
numeric: {message: '税额只能输入数字'}
}
},
},group:'.validateDiv'
}).on('success.form.bv', issueInvoiceForm.issueInvoiceFormBtn).on('error.form.bv',function(){
$("#issueInvoiceFormBtn").removeAttr("disabled");//将保存按钮去除disabled
$(".has-error:visible:first").find(":input").focus();
});
};
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
- Bootstrap中的表单验证插件bootstrapValidator使用方法整理(推荐)
- JS组件Form表单验证神器BootstrapValidator
- 实用又漂亮的BootstrapValidator表单验证插件
- jquery插件bootstrapValidator数据验证详解
- bootstrapValidator bootstrap-select验证不可用的解决办法
- 基于jQuery 实现bootstrapValidator下的全局验证
- jquery插件bootstrapValidator表单验证详解
- 基于BootstrapValidator的Form表单验证(24)
- 使用BootStrapValidator完成前端输入验证
- BootstrapValidator验证用户名已存在(ajax)
相关文章
JavaScript 事件监听实例代码[兼容IE,firefox] 含注释
JavaScript事件监听完整实例 含注释,非常的不错,大家可以直接使用。2009-08-08
JS/HTML5游戏常用算法之碰撞检测 地图格子算法实例详解
这篇文章主要介绍了JS/HTML5游戏常用算法之碰撞检测 地图格子算法,结合实例形式详细分析了javascript碰撞检测算法的相关原理、实现技巧与操作注意事项,需要的朋友可以参考下2018-12-12


最新评论