-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathboostrapValidator.js
140 lines (139 loc) · 5.68 KB
/
boostrapValidator.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
(function(root,factory,plug){
factory(root.jQuery,plug);
})(window,function($,plug){
//默认参数
var __DEFAULTS__ = {
triggerEvent : "keyup",
errorMessage : "You entered a wrong"
};
/*
规则名称: 以下是对应在dom中的书写规则 例如:
require 必填项 data-bv-require="boolean" data-bv-require="ture"
regex 正则验证 data-bv-regex="reg" data-bv-regex="\w+"
length 长度限制 data-bv-length="boolean" data-bv-length="ture"
minlength 最小长度 data-bv-minlength="number" data-bv-minlength="6"
maxlength 最大长度 data-bv-maxlength="number" data-bv-maxlength="10"
between 两者长度之间 data-bv-between="number-number" data-bv-between="6-10"
equalto 和XX相等 data-bv-equalto="number" data-bv-equalto="10"
greaterthan 数值大于 data-bv-greaterthan="number" data-bv-greaterthan="8"
lessthan 数值小于 data-bv-lessthan="number" data-bv-lessthan="10"
middle 两个数值之间 data-bv-middle="number" data-bv-middle="3-9"
integer 必须是整数 data-bv-interger="boolean" data-bv-interger="ture"
number 必须是数字 data-bv-number="boolean" data-bv-number="ture"
email 必须是邮箱地址 data-bv-email="boolean" data-bv-email="ture"
moblie 必须是手机号码 data-bv-mobile="boolean" data-bv-mobile="ture"
phone 必须是电话号码 xxxx-xxxxxxxx
//...其他的规则（根据业务规则来）
*/
var __RULES__ = {
require : function(){
return this.val()!='';
},// 必填项
regex : function(){
return new RegExp(this.data("bv-regex")).test(this.val());
},// 正则验证
length : function(){
return this.val().length===Number(this.data("bv-length"));
},// 长度限制
minlength : function(){
return this.val().length>=Number(this.data("bv-minlength"));
},// 最小长度
maxlength : function(){
return this.val().length<=Number(this.data("bv-maxlength"));
},// 最大长度
between : function(){
var length = this.val().length;
var between = this.data("bv-between").split("-");
return length>=Number(between[0])&&length<=Number(between[1]);
},// 两者长度之间 8-8
equalto : function(){
if($(this.data("bv-equalto")).val()===this.val()){
$(this.data("bv-equalto")).parents(".input-group").removeClass("has-error").addClass("has-success").next("p").remove();
return true;
}
return false;
},// 和XX相等
greaterthan : function(){
return this.val()>Number(this.data("bv-greaterThan"));
},// 大于 17
lessthan : function(){
return this.val()<Number(this.data("bv-lessThan"));
},// 小于 101
middle : function(){
var value = this.val();
var middle = this.data("bv-middle").split("-");
return value>=Number(middle[0])&&value<=Number(middle[1]);
},// 两个数值之间 18-100
integer : function(){
return /^\-?[0-9]*[1-9][0-9]*$/.test(this.val());
},// 必须是整数
number : function(){
return !isNaN(Number(this.val()));
},// 必须是数字
email : function(){
return /^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/.test(this.val());
},// 必须是邮箱地址
moblie : function(){
return /^1\d{10}$/.test(this.val());
},// 必须是手机号码
phone : function(){
return /^\d{4}\-\d{8}$/.test(this.val());
},// 必须是电话号码 xxxx-xxxxxxxx
url : function(){
return /(((^https?:(?:\/\/)?)(?:[-;:&=\+\$,\w]+@)?[A-Za-z0-9.-]+|(?:www.|[-;:&=\+\$,\w]+@)[A-Za-z0-9.-]+)((?:\/[\+~%\/.\w-_]*)?\??(?:[-\+=&;%@.\w_]*)#?(?:[\w]*))?)$/g.test(this.val());
}// 必须是有效的统一资源标示符
};
//原型功能
var __PROTOTYPE__ = {
_init : function(){
//初始化目标验证对象
this.$fields = this.find(".form-group .form-control:visible");
},
//封装了自定义事件的触发机制
_attachEvent : function(event,args){
this.trigger(event,args);
},
_bind : function(){
var _$this = this;
//事件功能绑定
this.$fields.on(this.triggerEvent,function(){
//$(this).parents(".input-group").addClass("has-error");
var $field = $(this);//被验证的表单元素
var $group = $field.parents(".input-group");//拿到表单组
$group.next("p").remove();//移除之前的错误提示
var result = true;//本次验证结果，默认为true
$.each(__RULES__,function(key,rule){
if($field.data("bv-"+key)){
result = rule.call($field);
//如果有错误就显示data-bv-message中的错误，并且退出循环
(!result)&&$group.after("<p class='text-danger'>"+($field.data("bv-"+key+"-message")||_$this.errorMessage)+"</p>");
return result;
}
});
$group.removeClass("has-error has-success").addClass("has-"+(result?"success":"error"));
});
this.on("submit",function(){
var $groups = _$this.$fields.trigger(_$this.triggerEvent).parents(".input-group");
if($groups.filter(".has-error").size()===0){
_$this._attachEvent("success",{});
}else{
_$this._attachEvent("error",{});
}
//阻止默认提交行为，用—attachEvent来控制是否提交
return false;
});
}
};
$.fn[plug] = function(options){
if(!this.is("form"))//判断目标是否form标签，如果不是则程序抛出异常
throw new Error("the target is not form tag");
$.extend(this,__DEFAULTS__,options,__PROTOTYPE__);
this._init();
this._bind();
return this;
}
//插件提供一个extendRules接口，可以传入新的规则
$.fn[plug].extendRules = function(news){
$.extend(__RULES__,news);//扩展规则
}
},"bootstrapValidator");