关于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;

}

}
}