您的位置:首页 > Web前端 > BootStrap

bootstrapValidator自定验证方法写法

2016-12-01 00:00 666 查看
本文实例为大家分享了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();
});
};


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

jquery插件bootstrapValidator数据验证详解
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
BootstrapValidator不触发校验的实现代码
bootstrap datepicker 与bootstrapValidator同时使用时选择日期后无法正常触发校验的解决思路
使用bootstrapValidator插件进行动态添加表单元素并校验
使用BootStrapValidator完成前端输入验证
利用bootstrapValidator验证UEditor
实用又漂亮的BootstrapValidator表单验证插件
JS组件Form表单验证神器BootstrapValidator
基于jQuery 实现bootstrapValidator下的全局验证
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息