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

编程教程 > WEB (1658) 2024-11-26 14:39:04

 

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
 


评论
User Image
提示:请评论与当前内容相关的回复,广告、推广或无关内容将被删除。

相关文章
 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流的方式去重
提示:文末提供demo项目下载!!!一、hibernate validate项目创建二、hibernate validate依赖说明$title(pom.xml
前言       在写作前,作者也百度查了很多Spring boot 301重定向资料
spring validate 验证List集合演示用类User/Addressimport lombok.Data; import javax.validation.constraint...
Jquery cookie插件实现点击获取验证码后60秒内禁止重新获取,可直接拿走用,jquery,验证码获取
java实现生成彩色背景图片验证码,在登陆和注册可以使用,工具类将图片的IO流通过response输出到浏览器,在浏览器中可以使用 img标签的src属性路径写上该工具类的访问路径即可。
内置变量$args #请求中的参数值$query_string #同 $args$arg_NAME #GET请求中NAME的值$is_args #如果请求中有参
模板下载模板下载参考 PVE8 CT/LXC模板下载-XQLEE'Blog创建CT/LXC容器鼠标在pve节点名右键,弹窗菜单选择【创建CT】,参考下图:默认是
使用thymeleaf 模板创建时间 使用thymeleaf 创建指定日期为:2023-10-18 #dates.create(2023,10,18) 使用thymeleaf ...
概述pve自身是没有提供直接创建raid整列的方式,是通过ZFS来实现的raid0/raid5/raid6/raid1 PVE通过ZFS创建磁盘阵列
MySQL 8创建数据库用户和之前的版本不一样,之前的版本参考这一篇。