bootstrapValidator自定验证方法写法
2019/6/27 21:36:48
本文主要是介绍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(); }); };
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持找一找教程网。
这篇关于bootstrapValidator自定验证方法写法的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-12-26React入门教程:从零开始搭建你的第一个React应用
- 2024-12-25Vue2入门教程:轻松掌握前端开发基础
- 2024-12-25Vue3入门指南:快速搭建你的第一个Vue3项目
- 2024-12-25JS基础知识入门教程
- 2024-12-25React基础知识详解:从入门到初级应用
- 2024-12-25Vue3基础知识详解与实战指南
- 2024-12-25Vue3学习:从入门到初步掌握
- 2024-12-25Vue3入门:新手必读的简单教程
- 2024-12-23【JS逆向百例】爱疯官网登录逆向分析
- 2024-12-21Vue3教程:新手入门到实践应用