bootstrapValidator自定验证方法写法
更新时间:2016年12月2日 10:00 点击:2616
本文实例为大家分享了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自定验证方法写法,研究bootstrapValidator验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2016-12-02
jQuery form 表单验证插件(fieldValue)校验表单
这篇文章主要介绍了jQuery form 表单验证插件(fieldValue)校验表单的相关资料,需要的朋友可以参考下...2016-01-25- JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。接下来通过本文给大家介绍Javascript的表单验证-初识正则表达式,对js表单验证正则表达式相关知识感兴趣的朋友一起学习吧...2016-03-22
- 这篇文章主要帮助大家拥有一个属于自己的javascript表单验证插件,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2016-03-28
- JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。通过本文给大家介绍Javascript的表单验证-提交表单,对javascript表单验证,提交表单相关知识感兴趣的朋友一起学习吧...2016-03-22
- 这篇文章主要为大家详细介绍了jquery表单验证插件validation使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-01-23
AngularJS使用angular-formly进行表单验证
这篇文章主要介绍了AngularJS使用angular-formly进行表单验证的相关资料,需要的朋友可以参考下...2015-12-29- 这篇文章主要为大家详细介绍了JS实现支持Ajax验证的表单插件,感兴趣的小伙伴们可以参考一下...2016-03-28
Bootstrap 表单验证formValidation 实现表单动态验证功能
这篇文章主要介绍了Bootstrap 表单验证formValidation 实现表单动态验证功能,需要的朋友可以参考下...2017-05-22- 这篇文章主要针对jQuery Validate表单验证为大家进行详细介绍,如何在class属性里面并定义错误信息的提示,感兴趣的小伙伴们可以参考一下...2016-01-21
- 这篇文章主要针对jQuery Validate表单验证为大家进行详细介绍,通过name属性来关联字段来验证,改变默认的提示信息,将校验规则写到js代码中,感兴趣的小伙伴们可以参考一下...2016-01-21
- 这篇文章主要介绍了Jquery插件easyUi实现表单验证示例,需要的朋友可以参考下...2015-12-17
jQuery Validate表单验证插件 添加class属性形式的校验
这篇文章主要介绍了jQuery Validate表单验证插件,在class属性中添加校验规则进行简单的校验,感兴趣的小伙伴们可以参考一下...2016-01-21Laravel中使用FormRequest进行表单验证方法及问题汇总
Laravel 5.0 带来了FormRequests, 这是一种特殊的类型, 用于在提交表单时进行数据的检查和验证. 每个FormRequest类至少包含一个rules()方法, 这个方法返回一组验证规则. 除此之外还必须包含一个authorize()方法, 该方法返回一个布尔值, 代表是否允许用户执行本次请求....2016-06-24- 这篇文章主要为大家详细介绍了Vue表单验证插件的制作过程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-04-03
- 这篇文章主要介绍了CodeIgniter表单验证方法,结合实例形式详细分析了CodeIgniter进行表单验证的具体步骤与相关实现技巧,需要的朋友可以参考下...2016-03-07
- 这篇文章主要介绍了AngularJS使用ngMessages进行表单验证的相关资料,需要的朋友可以参考下...2015-12-29
基于BootstrapValidator的Form表单验证(24)
这篇文章主要为大家详细介绍了基于BootstrapValidator的Form表验证,具有一定的参考价值,感兴趣的小伙伴们可以参考一下...2017-01-09- 这篇文章主要为大家介绍了jquery validate表单验证的基本用法入门,jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求,感兴趣的小伙伴们可以参考一下...2016-01-21
- 这篇文章主要介绍了JavaScript中Form表单技术的相关资料,包括简单的表单验证和正则表达式验证,非常不错,具有参考借鉴价值,需要的朋友可以参考下...2016-07-01