bootstrapValidator自定验证方法写法

2024-04-25 03:33:12

本文实例为大家分享了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 Validator 根据条件在JS中添加或移除校验操作

这是开始的校验代码 function initValidate() { <span style="white-space:pre"> </span>$('#detailform').bootstrapValidator({ <span style="white-space:pre"> </span>feedbackIcons : { <span style="white-space:pre"&
jquery插件bootstrapValidator表单验证详解

Bootstrap Validator是为Bootstrap3设计的一款表单验证jQuery插件,非常适合基于Bootstrap框架的网站. 看作者的github,这款插件已经不再更新了,而推荐使用FormValidation,不过现在还是先介绍一下BootstrapValidator的使用. 准备工作 BootstrapValidator文档地址:http://bv.doc.javake.cn/ 下载源码后,将其中的bootstrapValidator.min.css和bootstapVali
基于BootstrapValidator的Form表单验证(24)

Form表单进行数据验证是十分必要的,我们可以自己写JS脚本或者使用JQuery Validate 插件来实现.对于Bootstrap而言,利用BootstrapValidator来做Form表单验证是个相当不错的选择,两者完全兼容,我们也不用去关注CSS样式等美工效果. 0x01 引入BootstrapValidator 官网:BootstrapValidator,作为一个纯粹的使用者,我们可以在上面的链接处下载相关文件并引入,也可以利用CDN方式引入: <link href="//cd
bootstrapValidator bootstrap-select验证不可用的解决办法

如何解决bootStrapValidator bootStrap-select验证不可用,只要三步: 思路:把多选下拉框的选中值,赋给一个隐藏的input组件,再对input组件进行验证(bootstrap-validator默认情况下hidden,disabled的组件不验证,可以通过excluded属性更改),具体步骤如下: 1.表单验证初始化(js) $('#myModalForm').bootstrapValidator({ message: 'This value is not val
jquery插件bootstrapValidator数据验证详解

因为项目需要数据验证,看bootstrapValidator 还不错,就上手一直,完美兼容,话不多说. bootstrap:能够增加兼容性的强大框架. 需要引用css: bootstrap.min.css bootstrapValidator.min.css js: jquery-1.10.2.min.js bootstrap.min.js bootstrapValidator.min.js (下载实例) 以上这些都是必须的. 先上个简单的例子,只要导入相应的文件可以直接运行: <!DOCTYP
BootstrapValidator超详细教程(推荐)

一.引入必要文件下载地址:(https://github.com/nghuuphuoc/bootstrapvalidator/archive/v0.4.5.zip) <link rel="stylesheet" href="/path/to/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="/path/to/dist/css/bootstrapVa
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 opti
yii form 表单提交之前JS在提交按钮的验证方法

很多时候,需要对Yii表单model中的对象设置的rules进行判断,但是有的时候可能需要在提交之前就在客户端进行验证,我这边设置的方法是在提交按钮上设置监听器,如果部分内容为空(比如多选按钮没有选择),那么提示出错信息.主要目的是页面不用提交后刷新,进入controller的对应函数之后再判断出错.显示rules()验证规则函数的错误信息. 这里为了验证是否选择某个单选按钮,对提交的按钮onclick设置监听,具体如下 <Button onclick = "return fun()&qu
Java身份证验证方法实例详解

Java身份证验证方法实例详解身份证号码验证 1.号码的结构公民身份号码是特征组合码,由十七位数字本体码和一位校验码组成.排列顺序从左至右依次为:六位数字地址码, 八位数字出生日期码,三位数字顺序码和一位数字校验码. 2.地址码(前六位数) 表示编码对象常住户口所在县(市.旗.区)的行政区划代码,按GB/T2260的规定执行. 3.出生日期码(第七位至十四位) 表示编码对象出生的年.月.日,按GB/T7408的规定执行,年.月.日代码之间不用分隔符. 4.顺序码(第十五位至十七位) 表示在同
Element UI 自定义正则表达式验证方法

如下所示: //指定数据中心的验证表单valiForm,验证规则rules <el-form :model="valiForm" :rules="rules" ref="valiForm" label-width="100px" class="demo-valiForm"> <el-form-item label="名称:" :label-width="for
使用validate.js实现表单数据提交前的验证方法

现在是学的ASP.NET,关于表单验证,目前知道的,除了以前那种傻瓜式的每个表单选项都用一个函数去验证之外,有两种方法是比较方便的,今天先介绍一下第一种,在前端实现表单验证的方法--基于validate.js的表单验证方法. 注意哟,以下我都用截图的方式挂出代码,然后最后会把完整代码贴出来,提供复制粘贴,小伙伴不要急着敲哦! 1.下载和引入validate.js 首先,我们需要下载一份validate.js文件,这个文件可以去JQuery官网或者csdn等网站下载. 下载好之后,新建一个html
jquery.validate 自定义验证方法及validate相关参数

Jquery Validate 相关参数 //定义中文消息 var cnmsg = { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字",
手机号码验证方法(正则验证)

只允许输入数字 <xsl:attribute name="onkeyup">value=value.replace(/[^\d]/g,'')</xsl:attribute> <xsl:attribute name="onbeforepaste">clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))</xsl:attri
在js中实现邮箱格式的验证方法(推荐)

如下所示: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>在此处插入标题</title> <script typ
iOS中常见正则表达式验证方法

在某些App应用里面需要填写用户信息(用于验证),有身份证.手机号.军官证等等.下面来跟大家分享一下各自的验证方式. 1.验证手机号码 ,这个是对任意输入的一串数字做验证,返回一个识别结果(字符串),根据这个结果再做判断. //判断手机号码 + (NSString *)valiMobile:(NSString *)mobile{ if (mobile.length != 11){ return @"手机号码格式错误"; }else{ /** * 移动号段正则表达式 */ NSStri
bootstrapValidator表单验证插件学习

本文实例为大家分享了bootstrapValidator表单验证的具体代码,供大家参考,具体内容如下 1.页面引入css.js <link rel="stylesheet" href="../vendor/bootstrap/css/bootstrap.css"/> <link rel="stylesheet" href="../dist/css/bootstrapValidator.css"/> &l

bootstrapValidator自定验证方法写法

相关推荐

随机推荐