策略模式-校验表单

<tr class="li1">
<td class="ln"><pre class="de1">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

? ? 策略模式-校验表单> ? ? > > ? ? > ? ? ? ? 用户名： > ? ? ? ? 密码： > ? ? ? ? 手机号码： > ? ? ? ? >提交> ? ? > ? ? > ? ? ? ? // 策略对象 ? ? ? ? var strategies = { ? ? ? ? ? ? isNoEmpty: function (value,errorMsg) { ? ? ? ? ? ? ? ? if (value === '') { ? ? ? ? ? ? ? ? ? ? return errorMsg; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? },? ? ? ? ? ? isNoSpace: function (value,errorMsg) { ? ? ? ? ? ? ? ? if (value.trim() === '') { ? ? ? ? ? ? ? ? ? ? return errorMsg; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? },? ? ? ? ? ? minLength: function (value,length,errorMsg) { ? ? ? ? ? ? ? ? if (value.trim().length , : function ,errorMsg .length > length) { ? ? ? ? ? ? ? ? ? ? return errorMsg; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? },? ? ? ? ? ? isMobile: function (value,errorMsg) { ? ? ? ? ? ? ? ? if (!/^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|17[7]|18[0|1|2|3|5|6|7|8|9])d{8}$/.test(value)) { ? ? ? ? ? ? ? ? ? ? return errorMsg; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? ? ? ? ? ? ? ? ? } ? ? ? ? } ? ? ? ? ? // 验证类 ? ? ? ? var Validator = function() { ? ? ? ? ? ? this.cache = []; ? ? ? ? } ? ? ? ? Validator.prototype.add = function(dom,rules) { ? ? ? ? ? ? var self = this; ? ? ? ? ? ? for(var i = 0,rule; rule = rules[i++];) { ? ? ? ? ? ? ? ? (function(rule) { ? ? ? ? ? ? ? ? ? ?var strategyAry = rule.strategy.split(':'); ? ? ? ? ? ? ? ? ? ?var errorMsg = rule.errorMsg; ? ? ? ? ? ? ? ? ? ?self.cache.push(function() { ? ? ? ? ? ? ? ? ? ? var strategy = strategyAry.shift(); ? ? ? ? ? ? ? ? ? ? strategyAry.unshift(dom.value); ? ? ? ? ? ? ? ? ? ? strategyAry.push(errorMsg); ? ? ? ? ? ? ? ? ? ? return strategies[strategy].apply(dom,strategyAry); ? ? ? ? ? ? ? ? ? ?}) ? ? ? ? ? ? ? ? })(rule) ? ? ? ? ? ? } ? ? ? ? }; ? ? ? ? Validator.prototype.start = function() { ? ? ? ? ? ? for(var i = 0,validatorFunc; validatorFunc = this.cache[i++];) { ? ? ? ? ? ? ? ? var errorMsg = validatorFunc(); ? ? ? ? ? ? ? ? if (errorMsg) { ? ? ? ? ? ? ? ? ? ? return errorMsg; ? ? ? ? ? ? ? ? } ? ? ? ? ? ? } ? ? ? ? }; ? ? ? ? ? // 调用代码 ? ? ? ? var registerForm = document.getElementById('registerForm'); ? ? ? ? ? var validataFunc = function() { ? ? ? ? ? ? var validator = new Validator(); ? ? ? ? ? ? validator.add(registerForm.userName,[{ ? ? ? ? ? ? ? ? strategy: 'isNoEmpty',? ? ? ? ? ? ? ? errorMsg: '用户名不可为空' ? ? ? ? ? ? },{ ? ? ? ? ? ? ? ? strategy: 'isNoSpace',? ? ? ? ? ? ? ? errorMsg: '不允许以空白字符命名' ? ? ? ? ? ? },{ ? ? ? ? ? ? ? ? strategy: 'minLength:2',? ? ? ? ? ? ? ? errorMsg: '用户名长度不能小于2位' ? ? ? ? ? ? }]); ? ? ? ? ? ? validator.add(registerForm.password,[ { ? ? ? ? ? ? ? ? strategy: 'minLength:6',? ? ? ? ? ? ? ? errorMsg: '密码长度不能小于6位' ? ? ? ? ? ? }]); ? ? ? ? ? ? validator.add(registerForm.phoneNumber,[{ ? ? ? ? ? ? ? ? strategy: 'isMobile',? ? ? ? ? ? ? ? errorMsg: '请输入正确的手机号码格式' ? ? ? ? ? ? }]); ? ? ? ? ? ? var errorMsg = validator.start(); ? ? ? ? ? ? return errorMsg; ? ? ? ? } ? ? ? ? ? registerForm.onsubmit = function() { ? ? ? ? ? ? var errorMsg = validataFunc(); ? ? ? ? ? ? if (errorMsg) { ? ? ? ? ? ? ? ? alert(errorMsg); ? ? ? ? ? ? ? ? return false; ? ? ? ? ? ? } ? ? ? ? } ? ? > > >（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!

<table class="html5">