bootstrapValidator 创建/重置/手动验证使用详解

教程分享 > WEB技术 (1771) 2024-03-05 14:02:35

 

bootstrap
bootstrapValidator 创建/重置/手动验证使用详解

 

bootstrapValidator 初始化

 

function initValidator() {
    $("#dialog_form").bootstrapValidator({
        message: 'This value is not valid',
        feedbackIcons: {
            validating: 'glyphicon glyphicon-refresh'
        },
        fields: {
            wetSeason: {
                message: '请选择月份',
                validators: {
                    notEmpty: {
                        message: '请选择月份.'
                    }
                }
            },
            wetSeasonRatio: {
                message:'系数不能为空',
                validators: {
                    notEmpty:{message:'系数不能为空'},
                    regexp: {
                        regexp: /^([1-9][0-9]*|[0-9]\.([0-9][1-9]|[1-9][0-9]?))$/,
                        message: '数为大于0不多于两位小数的正数'
                    }
                }
            }
        }
    });

}


更多validator参考:
---

bootstrapValidator 手动验证

 

let validator = $('#dialog_form').data('bootstrapValidator');
validator.validate();
if (validator.isValid()){

   //todo 
}


bootstrapValidator 重置验证状态

 

    //销毁再创建验证
    if ($("#dialog_time_config_form").data('bootstrapValidator')){
        $("#dialog_time_config_form").data('bootstrapValidator').destroy();
        $('#dialog_time_config_form').data('bootstrapValidator', null);
    }

 

提示以上使用基于以下版本:
版本说明


其他版本也可参考,例如:
GitHub - stevenmills/bootstrapvalidator: A jQuery plugin to validate form fields. Use with Bootstrap 3
 

https://www.leftso.com/article/1056.html

相关文章
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
Bootstrap Tab 示例代码<div class="tabs-container"&gtl; <ul class="nav nav-tabs"&gtl; <l...
1.vue项目中创建global.js创建global.js放于main.js同级目录(可自己随意放)export default {   getToken()   {     retur...
JavaScript语言中对象的创建和使用
MySQL,从大概5.7版本开始支持json数据类型,但是5.7的json查询不支持创建索引,在MySQL 8.0.17 后支持了索引,但是创建和查询使用索引与常规索引不同
Form前置准备首先我们有一个表单<form id="params"&gtl; <input name="userName" value="123"&gtl; <...
如何创建FormData创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建
在js编程中,也会遇到替换字符串对象中某个字符。这时候就需要使用js内置函数replace了。可以替换一个也可以替换多个,支持正则表达式匹配比较灵活
spring boot 开发技巧,在开发web项目中跳过thyemeleaf模板/js/css等缓存避免每次修改资源文件都需要重启服务器
前言Webpack 和 Vite 都是前端工程化工具。Webpack 作为老大哥,在前端社区也算站稳了脚跟,它提供了许多配置和插件,让开发者定制化构建项目。随着
什么是webpackWebpack是前端工程化工具。Webpack 作为老大哥,在前端社区也算站稳了脚跟,它提供了许多配置和插件,让开发者定制化构建项目。
一、前言Vue 2.x 使用期间,我们会创建众多组件,这里我们将讨论一下各个组件直接的相互通讯问题如何解决
java编程中使用nodejs的apidoc工具生成Java api美观的HTML文档,apidoc可以根据代码注释生成web api文档,支持大部分主流语言
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
简单使用创建一个js文件。//Say 模块export function Say(words){ alert(words);}H5调用模块<!DOCTYPE h