关于bootstrap valisator的一些总结

配置参考:https://blog.csdn.net/u013938465/article/details/53507109

首先引入相关资源,资源地址:(上面网址页面里有)

HTML部分,一个用户名和邮箱的简单验证

配置:其中fields中的username等字段对应HTML中的name,其他配置可以参考最上面的网页,介绍的很详细

默认验证在提交时触发,可以另外手动验证(圈中为手动验证操作)

补充:

        正常情况下当验证不通过时提交按钮会有disabled属性,但是当按钮在form外时并没有这种表现,可以参考:https://www.cnblogs.com/woodk/p/5546847.html 最后一部分内容;

    另外配置中其实有一个submitButtons的字段,按文档中的说明应该是可以制定提交按钮的元素,格式类似选择器,可是我并没有试验成功;

一些常用的验证规则:

        notEmpty:{

            message:'不为空'

        }

         stringLength:{

            message:'长度6-10之间',

            min:'6',

            max:'10'

        }

        regexp: {
            regexp: /^[a-zA-Z0-9_\.]+$/,
            message: '只能输入字母,数字'
        },

         digits :{

            message:'只能是数字'

        }

       greaterThan: {
              value: 0,
              message:'工作时长大于0'
       },
       lessThan: {
             value: 24,
             message:'工作时长小于24'
       }

        回调函数,可以自定义规则

         callback : {
          message : '不满足自定义规则' ,
          callback : function ( value , validator ) {

                    if(value满足条件){

                        return true;

                    }else{

                        return false;

                    }

                }
        }