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

教程分享 > WEB技术 > 博文分享 (2049) 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
 


相关文章
 bootstrapValidator 创建/重置/手动验证使用详解  bootstrapValidator 初始化  function initValidator() { $("#d...
Windows 微PE WePE_64_V2.3 PE模式下启用账号和修改密码按照下图操作,打开用户管理设置打开修改密码软件找到用户管理清空用户密码提示已经清空
Bootstrap Tab 示例代码<div class="tabs-container"&gtl; <ul class="nav nav-tabs"&gtl; <l...
在本文中,我们将讨论如何使用Bean Validation 2.0(JSR-380)定义和验证方法约束。在前面的文章中,我们讨论了JSR-380及其内置的注释,以及如何实现属性验证。在这里,我们...
简介本博文主要讲解在Java 8中 如何通过stream流的方式去重
前言       在写作前,作者也百度查了很多Spring boot 301重定向资料
spring validate 验证List集合演示用类User/Addressimport lombok.Data; import javax.validation.constraint...
提示:文末提供demo项目下载!!!一、hibernate validate项目创建​ 二、hibernate validate依赖说明$title(pom.xml) <?xml vers...
Jquery cookie插件实现点击获取验证码后60秒内禁止重新获取,可直接拿走用,jquery,验证码获取
java实现生成彩色背景图片验证码,在登陆和注册可以使用,工具类将图片的IO流通过response输出到浏览器,在浏览器中可以使用 img标签的src属性路径写上该工具类的访问路径即可。
使用thymeleaf 模板创建时间 使用thymeleaf 创建指定日期为:2023-10-18 #dates.create(2023,10,18) 使用thymeleaf ...
MySQL 8创建数据库用户和之前的版本不一样,之前的版本参考这一篇。
DockerMySQL官方镜像启动默认初始化创建数据库version:"3.8"networks:vRouter:external:true#外部网络services:mysql:image:m...
JavaScript语言中对象的创建和使用
在这篇快速文章中,我们将介绍使用标准框架 - JSR 380(也称为Bean Validation 2.0)来验证Java bean的基础知识。当然,在大多数应用程序中验证用户输入是超常见的需求...