zoukankan      html  css  js  c++  java
  • 1 bootstrapValidator使用

    1 如何使用

      引入

    <link href="bootstrapValidator.min.css" rel="stylesheet"> css文件
    <script src="bootstrapValidator.min.js"></script> js文件
    2 在文档加载完成初始化
    <script type="text/javascript">
    $(document).ready(function () {
      
     $("#divDataArea").bootstrapValidator({
                        message: 'This value is not valid',
                        live: 'enabled',
                        excluded: ':disabled',
                        feedbackIcons: {
                            valid: 'glyphicon glyphicon-ok',
                            invalid: 'glyphicon glyphicon-remove',
                            validating: 'glyphicon glyphicon-refresh'
                        },
                        fields: {
                            // WarrantIssued
                            TotalAssetsBid: {
                                message: 'TotalAssetsBid should be number',
                                validators: {
                                    stringLength: {
                                        min: 2,
                                        max: 10,
                                        message: 'lenght should be between 2 and 10.'
                                    }
                                }
                            },
                            WarrantIssued: {
                                message: 'WarrantIssued should be number',
                                trigger:'change',
                                validators: {
                                    stringLength: {
                                        min: 2,
                                        max: 10,
                                        message: 'lenght should be between 2 and 10.'
                                    }
                                }
                            }
                        }
                    });
    </script>
    3 如果使用的动态添加元素
    可使用
    $("#divDataArea").bootstrapValidator('addField',"WarrantIssued")方法添加验证字段,第二个参数为验证的字段的name属性值
    4 点击自定义按钮开始验证的方式:
     var bootstrapValidator = $("#divDataArea").data("bootstrapValidator");
                bootstrapValidator.validate();
                var valid = bootstrapValidator.isValid();
                if (valid == false) {
                    return;
                }
  • 相关阅读:
    记一次RAID阵列的迁移经历
    PAT A1131 Subway Map
    PAT A1103 Integer Factorization
    ZOJ1002 Fire Net
    L3022 地铁一日游
    github的使用小技巧
    hexo博客部署在阿里云上
    Windows环境搭建hexo博客部署到GitHub上
    Centos7.X下安装node.js npm和 淘宝镜像(cnpm)
    今天新注册的,第一篇文章
  • 原文地址:https://www.cnblogs.com/mibing/p/8630989.html
Copyright © 2011-2022 走看看