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

位置:首页>文章>详情   分类: 教程分享 > WEB基础   阅读(1185)   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...
Form前置准备首先我们有一个表单<form id="params"&gtl; <input name="userName" value="123"&gtl; <...
如何创建FormData创建FormData对象有两种方式,一个是通过已有得form表单进行创建,另一个就是直接创建
npm配置国内镜像源
通常使用普通的资源可以通过Cache-Control配置通知浏览器进行缓存,但是有些小站没有cdn资源,用了外站的cdn资源,速度一般又想提升用户体验,ServiceWorker缓存就有用武之地了。
Ajax Post 下载文件通过原生js实现function ajaxPostDownload(url,fileName,callback) { let xhr = new XMLHt...