fomantic-ui 2.9.1-beta.17 → 2.9.1-beta.18

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (252) hide show
  1. package/.eslintrc.js +109 -0
  2. package/.github/workflows/ci.yml +13 -3
  3. package/dist/components/accordion.css +1 -1
  4. package/dist/components/accordion.js +571 -598
  5. package/dist/components/accordion.min.css +1 -1
  6. package/dist/components/accordion.min.js +1 -1
  7. package/dist/components/ad.css +1 -1
  8. package/dist/components/ad.min.css +1 -1
  9. package/dist/components/api.js +1164 -1186
  10. package/dist/components/api.min.js +1 -1
  11. package/dist/components/breadcrumb.css +1 -1
  12. package/dist/components/breadcrumb.min.css +1 -1
  13. package/dist/components/button.css +1 -1
  14. package/dist/components/button.min.css +1 -1
  15. package/dist/components/calendar.css +1 -1
  16. package/dist/components/calendar.js +1897 -1818
  17. package/dist/components/calendar.min.css +1 -1
  18. package/dist/components/calendar.min.js +1 -1
  19. package/dist/components/card.css +1 -1
  20. package/dist/components/card.min.css +1 -1
  21. package/dist/components/checkbox.css +1 -1
  22. package/dist/components/checkbox.js +844 -841
  23. package/dist/components/checkbox.min.css +1 -1
  24. package/dist/components/checkbox.min.js +1 -1
  25. package/dist/components/comment.css +1 -1
  26. package/dist/components/comment.min.css +1 -1
  27. package/dist/components/container.css +3 -1
  28. package/dist/components/container.min.css +2 -2
  29. package/dist/components/dimmer.css +1 -1
  30. package/dist/components/dimmer.js +710 -737
  31. package/dist/components/dimmer.min.css +1 -1
  32. package/dist/components/dimmer.min.js +1 -1
  33. package/dist/components/divider.css +1 -1
  34. package/dist/components/divider.min.css +1 -1
  35. package/dist/components/dropdown.css +11 -8
  36. package/dist/components/dropdown.js +4163 -4238
  37. package/dist/components/dropdown.min.css +2 -2
  38. package/dist/components/dropdown.min.js +1 -1
  39. package/dist/components/embed.css +1 -1
  40. package/dist/components/embed.js +653 -675
  41. package/dist/components/embed.min.css +1 -1
  42. package/dist/components/embed.min.js +1 -1
  43. package/dist/components/feed.css +1 -1
  44. package/dist/components/feed.min.css +1 -1
  45. package/dist/components/flag.css +1 -1
  46. package/dist/components/flag.min.css +1 -1
  47. package/dist/components/flyout.css +6 -3
  48. package/dist/components/flyout.js +1466 -1467
  49. package/dist/components/flyout.min.css +2 -2
  50. package/dist/components/flyout.min.js +1 -1
  51. package/dist/components/form.css +1 -1
  52. package/dist/components/form.js +1981 -2004
  53. package/dist/components/form.min.css +1 -1
  54. package/dist/components/form.min.js +1 -1
  55. package/dist/components/grid.css +1 -1
  56. package/dist/components/grid.min.css +1 -1
  57. package/dist/components/header.css +1 -1
  58. package/dist/components/header.min.css +1 -1
  59. package/dist/components/icon.css +1 -1
  60. package/dist/components/icon.min.css +1 -1
  61. package/dist/components/image.css +1 -1
  62. package/dist/components/image.min.css +1 -1
  63. package/dist/components/input.css +1 -1
  64. package/dist/components/input.min.css +1 -1
  65. package/dist/components/item.css +1 -1
  66. package/dist/components/item.min.css +1 -1
  67. package/dist/components/label.css +1 -1
  68. package/dist/components/label.min.css +1 -1
  69. package/dist/components/list.css +1 -1
  70. package/dist/components/list.min.css +1 -1
  71. package/dist/components/loader.css +1 -1
  72. package/dist/components/loader.min.css +1 -1
  73. package/dist/components/message.css +1 -1
  74. package/dist/components/message.min.css +1 -1
  75. package/dist/components/modal.css +7 -1
  76. package/dist/components/modal.js +1493 -1487
  77. package/dist/components/modal.min.css +2 -2
  78. package/dist/components/modal.min.js +1 -1
  79. package/dist/components/nag.css +1 -1
  80. package/dist/components/nag.js +520 -529
  81. package/dist/components/nag.min.css +1 -1
  82. package/dist/components/nag.min.js +1 -1
  83. package/dist/components/placeholder.css +1 -1
  84. package/dist/components/placeholder.min.css +1 -1
  85. package/dist/components/popup.css +1 -1
  86. package/dist/components/popup.js +1439 -1456
  87. package/dist/components/popup.min.css +1 -1
  88. package/dist/components/popup.min.js +1 -1
  89. package/dist/components/progress.css +1 -1
  90. package/dist/components/progress.js +971 -997
  91. package/dist/components/progress.min.css +1 -1
  92. package/dist/components/progress.min.js +1 -1
  93. package/dist/components/rail.css +1 -1
  94. package/dist/components/rail.min.css +1 -1
  95. package/dist/components/rating.css +1 -1
  96. package/dist/components/rating.js +508 -524
  97. package/dist/components/rating.min.css +1 -1
  98. package/dist/components/rating.min.js +1 -1
  99. package/dist/components/reset.css +1 -1
  100. package/dist/components/reset.min.css +1 -1
  101. package/dist/components/reveal.css +1 -1
  102. package/dist/components/reveal.min.css +1 -1
  103. package/dist/components/search.css +3 -1
  104. package/dist/components/search.js +1500 -1534
  105. package/dist/components/search.min.css +2 -2
  106. package/dist/components/search.min.js +1 -1
  107. package/dist/components/segment.css +3 -1
  108. package/dist/components/segment.min.css +2 -2
  109. package/dist/components/shape.css +1 -1
  110. package/dist/components/shape.js +794 -809
  111. package/dist/components/shape.min.css +1 -1
  112. package/dist/components/shape.min.js +1 -1
  113. package/dist/components/sidebar.css +3 -1
  114. package/dist/components/sidebar.js +1079 -1104
  115. package/dist/components/sidebar.min.css +2 -2
  116. package/dist/components/sidebar.min.js +1 -1
  117. package/dist/components/site.css +1 -1
  118. package/dist/components/site.js +457 -472
  119. package/dist/components/site.min.css +1 -1
  120. package/dist/components/site.min.js +1 -1
  121. package/dist/components/slider.js +1289 -1311
  122. package/dist/components/slider.min.js +1 -1
  123. package/dist/components/state.js +641 -657
  124. package/dist/components/state.min.js +1 -1
  125. package/dist/components/statistic.css +1 -1
  126. package/dist/components/statistic.min.css +1 -1
  127. package/dist/components/step.css +1 -1
  128. package/dist/components/step.min.css +1 -1
  129. package/dist/components/sticky.css +1 -1
  130. package/dist/components/sticky.js +859 -903
  131. package/dist/components/sticky.min.css +1 -1
  132. package/dist/components/sticky.min.js +1 -1
  133. package/dist/components/tab.css +1 -1
  134. package/dist/components/tab.js +923 -963
  135. package/dist/components/tab.min.css +1 -1
  136. package/dist/components/tab.min.js +1 -1
  137. package/dist/components/table.css +5 -1
  138. package/dist/components/table.min.css +2 -2
  139. package/dist/components/text.css +1 -1
  140. package/dist/components/text.min.css +1 -1
  141. package/dist/components/toast.css +1 -1
  142. package/dist/components/toast.js +889 -891
  143. package/dist/components/toast.min.css +1 -1
  144. package/dist/components/toast.min.js +1 -1
  145. package/dist/components/transition.css +1 -1
  146. package/dist/components/transition.js +1043 -1077
  147. package/dist/components/transition.min.css +1 -1
  148. package/dist/components/transition.min.js +1 -1
  149. package/dist/components/visibility.js +1222 -1244
  150. package/dist/components/visibility.min.js +1 -1
  151. package/dist/semantic.css +84 -60
  152. package/dist/semantic.js +29033 -29479
  153. package/dist/semantic.min.css +2 -2
  154. package/dist/semantic.min.js +1 -1
  155. package/examples/assets/show-examples.js +13 -13
  156. package/gulpfile.js +9 -10
  157. package/package.json +5 -2
  158. package/scripts/nightly-version.js +81 -75
  159. package/src/definitions/behaviors/api.js +1163 -1185
  160. package/src/definitions/behaviors/form.js +1980 -2003
  161. package/src/definitions/behaviors/state.js +647 -663
  162. package/src/definitions/behaviors/visibility.js +1221 -1243
  163. package/src/definitions/collections/table.less +2 -0
  164. package/src/definitions/elements/container.less +1 -0
  165. package/src/definitions/elements/segment.less +1 -0
  166. package/src/definitions/globals/site.js +456 -471
  167. package/src/definitions/modules/accordion.js +570 -597
  168. package/src/definitions/modules/calendar.js +1896 -1817
  169. package/src/definitions/modules/checkbox.js +849 -846
  170. package/src/definitions/modules/dimmer.js +709 -736
  171. package/src/definitions/modules/dropdown.js +4162 -4237
  172. package/src/definitions/modules/dropdown.less +5 -8
  173. package/src/definitions/modules/embed.js +652 -674
  174. package/src/definitions/modules/flyout.js +1465 -1466
  175. package/src/definitions/modules/flyout.less +15 -12
  176. package/src/definitions/modules/modal.js +1492 -1486
  177. package/src/definitions/modules/modal.less +3 -0
  178. package/src/definitions/modules/nag.js +519 -528
  179. package/src/definitions/modules/popup.js +1438 -1455
  180. package/src/definitions/modules/progress.js +970 -996
  181. package/src/definitions/modules/rating.js +507 -523
  182. package/src/definitions/modules/search.js +1499 -1533
  183. package/src/definitions/modules/search.less +1 -0
  184. package/src/definitions/modules/shape.js +801 -816
  185. package/src/definitions/modules/sidebar.js +1078 -1103
  186. package/src/definitions/modules/sidebar.less +1 -0
  187. package/src/definitions/modules/slider.js +1288 -1310
  188. package/src/definitions/modules/sticky.js +875 -919
  189. package/src/definitions/modules/tab.js +922 -962
  190. package/src/definitions/modules/toast.js +888 -890
  191. package/src/definitions/modules/transition.js +1048 -1082
  192. package/src/themes/default/elements/container.variables +0 -7
  193. package/src/themes/default/elements/segment.variables +0 -7
  194. package/src/themes/default/globals/site.variables +7 -0
  195. package/src/themes/default/globals/variation.variables +1 -0
  196. package/tasks/admin/components/create.js +274 -276
  197. package/tasks/admin/components/init.js +123 -130
  198. package/tasks/admin/components/update.js +149 -157
  199. package/tasks/admin/distributions/create.js +184 -187
  200. package/tasks/admin/distributions/init.js +123 -130
  201. package/tasks/admin/distributions/update.js +145 -152
  202. package/tasks/admin/publish.js +5 -7
  203. package/tasks/admin/register.js +36 -38
  204. package/tasks/admin/release.js +8 -10
  205. package/tasks/build/assets.js +42 -39
  206. package/tasks/build/css.js +225 -216
  207. package/tasks/build/javascript.js +118 -113
  208. package/tasks/build.js +10 -10
  209. package/tasks/check-install.js +14 -16
  210. package/tasks/clean.js +5 -5
  211. package/tasks/collections/admin.js +34 -36
  212. package/tasks/collections/build.js +18 -20
  213. package/tasks/collections/docs.js +9 -11
  214. package/tasks/collections/install.js +9 -11
  215. package/tasks/collections/rtl.js +9 -11
  216. package/tasks/collections/various.js +8 -10
  217. package/tasks/config/admin/github.js +17 -17
  218. package/tasks/config/admin/oauth.example.js +4 -4
  219. package/tasks/config/admin/release.js +98 -98
  220. package/tasks/config/admin/templates/component-package.js +9 -10
  221. package/tasks/config/admin/templates/css-package.js +18 -20
  222. package/tasks/config/admin/templates/less-package.js +11 -13
  223. package/tasks/config/defaults.js +116 -116
  224. package/tasks/config/docs.js +23 -23
  225. package/tasks/config/npm/gulpfile.js +8 -9
  226. package/tasks/config/project/config.js +127 -134
  227. package/tasks/config/project/install.js +715 -713
  228. package/tasks/config/project/release.js +32 -38
  229. package/tasks/config/tasks.js +163 -164
  230. package/tasks/config/user.js +23 -29
  231. package/tasks/docs/build.js +97 -95
  232. package/tasks/docs/metadata.js +90 -96
  233. package/tasks/docs/serve.js +80 -81
  234. package/tasks/install.js +370 -378
  235. package/tasks/rtl/build.js +2 -2
  236. package/tasks/rtl/watch.js +2 -2
  237. package/tasks/version.js +4 -4
  238. package/tasks/watch.js +28 -30
  239. package/test/meteor/assets.js +10 -13
  240. package/test/meteor/fonts.js +12 -13
  241. package/test/modules/accordion.spec.js +6 -8
  242. package/test/modules/checkbox.spec.js +5 -7
  243. package/test/modules/dropdown.spec.js +5 -7
  244. package/test/modules/modal.spec.js +6 -8
  245. package/test/modules/module.spec.js +158 -178
  246. package/test/modules/popup.spec.js +5 -7
  247. package/test/modules/search.spec.js +5 -7
  248. package/test/modules/shape.spec.js +5 -7
  249. package/test/modules/sidebar.spec.js +5 -7
  250. package/test/modules/tab.spec.js +6 -8
  251. package/test/modules/transition.spec.js +5 -7
  252. package/test/modules/video.spec.js +5 -7
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * # Fomantic-UI 2.9.1-beta.17+3767ba8 - Form Validation
2
+ * # Fomantic-UI 2.9.1-beta.18+935e235 - Form Validation
3
3
  * https://github.com/fomantic/Fomantic-UI/
4
4
  *
5
5
  *
@@ -8,2070 +8,2047 @@
8
8
  *
9
9
  */
10
10
 
11
- ;(function ($, window, document, undefined) {
12
-
13
- 'use strict';
14
-
15
- function isFunction(obj) {
16
- return typeof obj === "function" && typeof obj.nodeType !== "number";
17
- }
18
-
19
- window = (typeof window != 'undefined' && window.Math == Math)
20
- ? window
21
- : (typeof self != 'undefined' && self.Math == Math)
22
- ? self
23
- : Function('return this')()
24
- ;
25
-
26
- $.fn.form = function(parameters) {
27
- var
28
- $allModules = $(this),
29
- moduleSelector = $allModules.selector || '',
30
-
31
- time = new Date().getTime(),
32
- performance = [],
33
-
34
- query = arguments[0],
35
- legacyParameters = arguments[1],
36
- methodInvoked = (typeof query == 'string'),
37
- queryArguments = [].slice.call(arguments, 1),
38
- returnedValue
39
- ;
40
- $allModules
41
- .each(function() {
42
- var
43
- $module = $(this),
44
- element = this,
45
-
46
- formErrors = [],
47
- keyHeldDown = false,
48
-
49
- // set at run-time
50
- $field,
51
- $group,
52
- $message,
53
- $prompt,
54
- $submit,
55
- $clear,
56
- $reset,
57
-
58
- settings,
59
- validation,
60
-
61
- metadata,
62
- selector,
63
- className,
64
- regExp,
65
- error,
66
-
67
- namespace,
68
- moduleNamespace,
69
- eventNamespace,
70
-
71
- submitting = false,
72
- dirty = false,
73
- history = ['clean', 'clean'],
74
-
75
- instance,
76
- module
77
- ;
78
-
79
- module = {
80
-
81
- initialize: function() {
82
-
83
- // settings grabbed at run time
84
- module.get.settings();
85
- if(methodInvoked) {
86
- if(instance === undefined) {
87
- module.instantiate();
88
- }
89
- module.invoke(query);
90
- }
91
- else {
92
- if(instance !== undefined) {
93
- instance.invoke('destroy');
94
- module.refresh();
95
- }
96
- module.verbose('Initializing form validation', $module, settings);
97
- module.bindEvents();
98
- module.set.defaults();
99
- if (settings.autoCheckRequired) {
100
- module.set.autoCheck();
101
- }
102
- module.instantiate();
103
- }
104
- },
11
+ (function ($, window, document, undefined) {
12
+ 'use strict';
105
13
 
106
- instantiate: function() {
107
- module.verbose('Storing instance of module', module);
108
- instance = module;
109
- $module
110
- .data(moduleNamespace, module)
111
- ;
112
- },
14
+ function isFunction(obj) {
15
+ return typeof obj === 'function' && typeof obj.nodeType !== 'number';
16
+ }
113
17
 
114
- destroy: function() {
115
- module.verbose('Destroying previous module', instance);
116
- module.removeEvents();
117
- $module
118
- .removeData(moduleNamespace)
119
- ;
120
- },
18
+ window = (typeof window != 'undefined' && window.Math == Math)
19
+ ? window
20
+ : (typeof self != 'undefined' && self.Math == Math)
21
+ ? self
22
+ : Function('return this')();
23
+
24
+ $.fn.form = function (parameters) {
25
+ var
26
+ $allModules = $(this),
27
+ moduleSelector = $allModules.selector || '',
28
+
29
+ time = new Date().getTime(),
30
+ performance = [],
31
+
32
+ query = arguments[0],
33
+ legacyParameters = arguments[1],
34
+ methodInvoked = (typeof query == 'string'),
35
+ queryArguments = [].slice.call(arguments, 1),
36
+ returnedValue
37
+ ;
38
+ $allModules.each(function () {
39
+ var
40
+ $module = $(this),
41
+ element = this,
42
+
43
+ formErrors = [],
44
+ keyHeldDown = false,
45
+
46
+ // set at run-time
47
+ $field,
48
+ $group,
49
+ $message,
50
+ $prompt,
51
+ $submit,
52
+ $clear,
53
+ $reset,
54
+
55
+ settings,
56
+ validation,
57
+
58
+ metadata,
59
+ selector,
60
+ className,
61
+ regExp,
62
+ error,
63
+
64
+ namespace,
65
+ moduleNamespace,
66
+ eventNamespace,
67
+
68
+ submitting = false,
69
+ dirty = false,
70
+ history = ['clean', 'clean'],
71
+
72
+ instance,
73
+ module
74
+ ;
121
75
 
122
- refresh: function() {
123
- module.verbose('Refreshing selector cache');
124
- $field = $module.find(selector.field);
125
- $group = $module.find(selector.group);
126
- $message = $module.find(selector.message);
127
- $prompt = $module.find(selector.prompt);
76
+ module = {
128
77
 
129
- $submit = $module.find(selector.submit);
130
- $clear = $module.find(selector.clear);
131
- $reset = $module.find(selector.reset);
132
- },
78
+ initialize: function () {
79
+ // settings grabbed at run time
80
+ module.get.settings();
81
+ if (methodInvoked) {
82
+ if (instance === undefined) {
83
+ module.instantiate();
84
+ }
85
+ module.invoke(query);
86
+ } else {
87
+ if (instance !== undefined) {
88
+ instance.invoke('destroy');
89
+ module.refresh();
90
+ }
91
+ module.verbose('Initializing form validation', $module, settings);
92
+ module.bindEvents();
93
+ module.set.defaults();
94
+ if (settings.autoCheckRequired) {
95
+ module.set.autoCheck();
96
+ }
97
+ module.instantiate();
98
+ }
99
+ },
100
+
101
+ instantiate: function () {
102
+ module.verbose('Storing instance of module', module);
103
+ instance = module;
104
+ $module
105
+ .data(moduleNamespace, module)
106
+ ;
107
+ },
108
+
109
+ destroy: function () {
110
+ module.verbose('Destroying previous module', instance);
111
+ module.removeEvents();
112
+ $module
113
+ .removeData(moduleNamespace)
114
+ ;
115
+ },
116
+
117
+ refresh: function () {
118
+ module.verbose('Refreshing selector cache');
119
+ $field = $module.find(selector.field);
120
+ $group = $module.find(selector.group);
121
+ $message = $module.find(selector.message);
122
+ $prompt = $module.find(selector.prompt);
123
+
124
+ $submit = $module.find(selector.submit);
125
+ $clear = $module.find(selector.clear);
126
+ $reset = $module.find(selector.reset);
127
+ },
128
+
129
+ refreshEvents: function () {
130
+ module.removeEvents();
131
+ module.bindEvents();
132
+ },
133
+
134
+ submit: function () {
135
+ module.verbose('Submitting form', $module);
136
+ submitting = true;
137
+ $module.trigger('submit');
138
+ },
139
+
140
+ attachEvents: function (selector, action) {
141
+ action = action || 'submit';
142
+ $(selector).on('click' + eventNamespace, function (event) {
143
+ module[action]();
144
+ event.preventDefault();
145
+ });
146
+ },
147
+
148
+ bindEvents: function () {
149
+ module.verbose('Attaching form events');
150
+ $module
151
+ .on('submit' + eventNamespace, module.validate.form)
152
+ .on('blur' + eventNamespace, selector.field, module.event.field.blur)
153
+ .on('click' + eventNamespace, selector.submit, module.submit)
154
+ .on('click' + eventNamespace, selector.reset, module.reset)
155
+ .on('click' + eventNamespace, selector.clear, module.clear)
156
+ ;
157
+ if (settings.keyboardShortcuts) {
158
+ $module.on('keydown' + eventNamespace, selector.field, module.event.field.keydown);
159
+ }
160
+ $field.each(function (index, el) {
161
+ var
162
+ $input = $(el),
163
+ type = $input.prop('type'),
164
+ inputEvent = module.get.changeEvent(type, $input)
165
+ ;
166
+ $input.on(inputEvent + eventNamespace, module.event.field.change);
167
+ });
168
+
169
+ // Dirty events
170
+ if (settings.preventLeaving) {
171
+ $(window).on('beforeunload' + eventNamespace, module.event.beforeUnload);
172
+ }
133
173
 
134
- refreshEvents: function() {
135
- module.removeEvents();
136
- module.bindEvents();
137
- },
174
+ $field.on('change click keyup keydown blur', function (e) {
175
+ module.determine.isDirty();
176
+ });
177
+
178
+ $module.on('dirty' + eventNamespace, function (e) {
179
+ settings.onDirty.call();
180
+ });
181
+
182
+ $module.on('clean' + eventNamespace, function (e) {
183
+ settings.onClean.call();
184
+ });
185
+ },
186
+
187
+ clear: function () {
188
+ $field.each(function (index, el) {
189
+ var
190
+ $field = $(el),
191
+ $element = $field.parent(),
192
+ $fieldGroup = $field.closest($group),
193
+ $prompt = $fieldGroup.find(selector.prompt),
194
+ $calendar = $field.closest(selector.uiCalendar),
195
+ defaultValue = $field.data(metadata.defaultValue) || '',
196
+ isCheckbox = $element.is(selector.uiCheckbox),
197
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
198
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
199
+ isErrored = $fieldGroup.hasClass(className.error)
200
+ ;
201
+ if (isErrored) {
202
+ module.verbose('Resetting error on field', $fieldGroup);
203
+ $fieldGroup.removeClass(className.error);
204
+ $prompt.remove();
205
+ }
206
+ if (isDropdown) {
207
+ module.verbose('Resetting dropdown value', $element, defaultValue);
208
+ $element.dropdown('clear', true);
209
+ } else if (isCheckbox) {
210
+ $field.prop('checked', false);
211
+ } else if (isCalendar) {
212
+ $calendar.calendar('clear');
213
+ } else {
214
+ module.verbose('Resetting field value', $field, defaultValue);
215
+ $field.val('');
216
+ }
217
+ });
218
+ module.remove.states();
219
+ },
220
+
221
+ reset: function () {
222
+ $field.each(function (index, el) {
223
+ var
224
+ $field = $(el),
225
+ $element = $field.parent(),
226
+ $fieldGroup = $field.closest($group),
227
+ $calendar = $field.closest(selector.uiCalendar),
228
+ $prompt = $fieldGroup.find(selector.prompt),
229
+ defaultValue = $field.data(metadata.defaultValue),
230
+ isCheckbox = $element.is(selector.uiCheckbox),
231
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
232
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
233
+ isErrored = $fieldGroup.hasClass(className.error)
234
+ ;
235
+ if (defaultValue === undefined) {
236
+ return;
237
+ }
238
+ if (isErrored) {
239
+ module.verbose('Resetting error on field', $fieldGroup);
240
+ $fieldGroup.removeClass(className.error);
241
+ $prompt.remove();
242
+ }
243
+ if (isDropdown) {
244
+ module.verbose('Resetting dropdown value', $element, defaultValue);
245
+ $element.dropdown('restore defaults', true);
246
+ } else if (isCheckbox) {
247
+ module.verbose('Resetting checkbox value', $element, defaultValue);
248
+ $field.prop('checked', defaultValue);
249
+ } else if (isCalendar) {
250
+ $calendar.calendar('set date', defaultValue);
251
+ } else {
252
+ module.verbose('Resetting field value', $field, defaultValue);
253
+ $field.val(defaultValue);
254
+ }
255
+ });
256
+ module.remove.states();
257
+ },
258
+
259
+ determine: {
260
+ isValid: function () {
261
+ var
262
+ allValid = true
263
+ ;
264
+ $.each(validation, function (fieldName, field) {
265
+ if (!(module.validate.field(field, fieldName, true))) {
266
+ allValid = false;
267
+ }
268
+ });
269
+
270
+ return allValid;
271
+ },
272
+ isDirty: function (e) {
273
+ var formIsDirty = false;
274
+
275
+ $field.each(function (index, el) {
276
+ var
277
+ $el = $(el),
278
+ isCheckbox = ($el.filter(selector.checkbox).length > 0),
279
+ isDirty
280
+ ;
281
+
282
+ if (isCheckbox) {
283
+ isDirty = module.is.checkboxDirty($el);
284
+ } else {
285
+ isDirty = module.is.fieldDirty($el);
286
+ }
287
+
288
+ $el.data(settings.metadata.isDirty, isDirty);
289
+
290
+ formIsDirty |= isDirty;
291
+ });
292
+
293
+ if (formIsDirty) {
294
+ module.set.dirty();
295
+ } else {
296
+ module.set.clean();
297
+ }
298
+ },
299
+ },
300
+
301
+ is: {
302
+ bracketedRule: function (rule) {
303
+ return (rule.type && rule.type.match(settings.regExp.bracket));
304
+ },
305
+ // duck type rule test
306
+ shorthandRules: function (rules) {
307
+ return (typeof rules == 'string' || Array.isArray(rules));
308
+ },
309
+ empty: function ($field) {
310
+ if (!$field || $field.length === 0) {
311
+ return true;
312
+ } else if ($field.is(selector.checkbox)) {
313
+ return !$field.is(':checked');
314
+ } else {
315
+ return module.is.blank($field);
316
+ }
317
+ },
318
+ blank: function ($field) {
319
+ return String($field.val()).trim() === '';
320
+ },
321
+ valid: function (field, showErrors) {
322
+ var
323
+ allValid = true
324
+ ;
325
+ if (field) {
326
+ module.verbose('Checking if field is valid', field);
327
+
328
+ return module.validate.field(validation[field], field, !!showErrors);
329
+ } else {
330
+ module.verbose('Checking if form is valid');
331
+ $.each(validation, function (fieldName, field) {
332
+ if (!module.is.valid(fieldName, showErrors)) {
333
+ allValid = false;
334
+ }
335
+ });
336
+
337
+ return allValid;
338
+ }
339
+ },
340
+ dirty: function () {
341
+ return dirty;
342
+ },
343
+ clean: function () {
344
+ return !dirty;
345
+ },
346
+ fieldDirty: function ($el) {
347
+ var initialValue = $el.data(metadata.defaultValue);
348
+ // Explicitly check for null/undefined here as value may be `false`, so ($el.data(dataInitialValue) || '') would not work
349
+ if (initialValue == null) {
350
+ initialValue = '';
351
+ } else if (Array.isArray(initialValue)) {
352
+ initialValue = initialValue.toString();
353
+ }
354
+ var currentValue = $el.val();
355
+ if (currentValue == null) {
356
+ currentValue = '';
357
+ } else if (Array.isArray(currentValue)) {
358
+ // multiple select values are returned as arrays which are never equal, so do string conversion first
359
+ currentValue = currentValue.toString();
360
+ }
361
+ // Boolean values can be encoded as "true/false" or "True/False" depending on underlying frameworks so we need a case insensitive comparison
362
+ var boolRegex = /^(true|false)$/i;
363
+ var isBoolValue = boolRegex.test(initialValue) && boolRegex.test(currentValue);
364
+ if (isBoolValue) {
365
+ var regex = new RegExp('^' + initialValue + '$', 'i');
138
366
 
139
- submit: function() {
140
- module.verbose('Submitting form', $module);
141
- submitting = true;
142
- $module.trigger('submit');
143
- },
367
+ return !regex.test(currentValue);
368
+ }
144
369
 
145
- attachEvents: function(selector, action) {
146
- action = action || 'submit';
147
- $(selector).on('click' + eventNamespace, function(event) {
148
- module[action]();
149
- event.preventDefault();
150
- });
151
- },
370
+ return currentValue !== initialValue;
371
+ },
372
+ checkboxDirty: function ($el) {
373
+ var initialValue = $el.data(metadata.defaultValue);
374
+ var currentValue = $el.is(':checked');
375
+
376
+ return initialValue !== currentValue;
377
+ },
378
+ justDirty: function () {
379
+ return (history[0] === 'dirty');
380
+ },
381
+ justClean: function () {
382
+ return (history[0] === 'clean');
383
+ },
384
+ },
385
+
386
+ removeEvents: function () {
387
+ $module.off(eventNamespace);
388
+ $field.off(eventNamespace);
389
+ $submit.off(eventNamespace);
390
+ },
391
+
392
+ event: {
393
+ field: {
394
+ keydown: function (event) {
395
+ var
396
+ $field = $(this),
397
+ key = event.which,
398
+ isInput = $field.is(selector.input),
399
+ isCheckbox = $field.is(selector.checkbox),
400
+ isInDropdown = ($field.closest(selector.uiDropdown).length > 0),
401
+ keyCode = {
402
+ enter: 13,
403
+ escape: 27,
404
+ }
405
+ ;
406
+ if (key == keyCode.escape) {
407
+ module.verbose('Escape key pressed blurring field');
408
+ $field[0]
409
+ .blur()
410
+ ;
411
+ }
412
+ if (!event.ctrlKey && key == keyCode.enter && isInput && !isInDropdown && !isCheckbox) {
413
+ if (!keyHeldDown) {
414
+ $field.one('keyup' + eventNamespace, module.event.field.keyup);
415
+ module.submit();
416
+ module.debug('Enter pressed on input submitting form');
417
+ event.preventDefault();
418
+ }
419
+ keyHeldDown = true;
420
+ }
421
+ },
422
+ keyup: function () {
423
+ keyHeldDown = false;
424
+ },
425
+ blur: function (event) {
426
+ var
427
+ $field = $(this),
428
+ $fieldGroup = $field.closest($group),
429
+ validationRules = module.get.validation($field)
430
+ ;
431
+ if (validationRules && (settings.on == 'blur' || ($fieldGroup.hasClass(className.error) && settings.revalidate))) {
432
+ module.debug('Revalidating field', $field, validationRules);
433
+ module.validate.field(validationRules);
434
+ if (!settings.inline) {
435
+ module.validate.form(false, true);
436
+ }
437
+ }
438
+ },
439
+ change: function (event) {
440
+ var
441
+ $field = $(this),
442
+ $fieldGroup = $field.closest($group),
443
+ validationRules = module.get.validation($field)
444
+ ;
445
+ if (validationRules && (settings.on == 'change' || ($fieldGroup.hasClass(className.error) && settings.revalidate))) {
446
+ clearTimeout(module.timer);
447
+ module.timer = setTimeout(function () {
448
+ module.debug('Revalidating field', $field, validationRules);
449
+ module.validate.field(validationRules);
450
+ if (!settings.inline) {
451
+ module.validate.form(false, true);
452
+ }
453
+ }, settings.delay);
454
+ }
455
+ },
456
+ },
457
+ beforeUnload: function (event) {
458
+ if (module.is.dirty() && !submitting) {
459
+ event = event || window.event;
460
+
461
+ // For modern browsers
462
+ if (event) {
463
+ event.returnValue = settings.text.leavingMessage;
464
+ }
465
+
466
+ // For olders...
467
+ return settings.text.leavingMessage;
468
+ }
469
+ },
152
470
 
153
- bindEvents: function() {
154
- module.verbose('Attaching form events');
155
- $module
156
- .on('submit' + eventNamespace, module.validate.form)
157
- .on('blur' + eventNamespace, selector.field, module.event.field.blur)
158
- .on('click' + eventNamespace, selector.submit, module.submit)
159
- .on('click' + eventNamespace, selector.reset, module.reset)
160
- .on('click' + eventNamespace, selector.clear, module.clear)
161
- ;
162
- if(settings.keyboardShortcuts) {
163
- $module.on('keydown' + eventNamespace, selector.field, module.event.field.keydown);
164
- }
165
- $field.each(function(index, el) {
166
- var
167
- $input = $(el),
168
- type = $input.prop('type'),
169
- inputEvent = module.get.changeEvent(type, $input)
170
- ;
171
- $input.on(inputEvent + eventNamespace, module.event.field.change);
172
- });
471
+ },
472
+
473
+ get: {
474
+ ancillaryValue: function (rule) {
475
+ if (!rule.type || (!rule.value && !module.is.bracketedRule(rule))) {
476
+ return false;
477
+ }
478
+
479
+ return (rule.value !== undefined)
480
+ ? rule.value
481
+ : rule.type.match(settings.regExp.bracket)[1] + '';
482
+ },
483
+ ruleName: function (rule) {
484
+ if (module.is.bracketedRule(rule)) {
485
+ return rule.type.replace(rule.type.match(settings.regExp.bracket)[0], '');
486
+ }
487
+
488
+ return rule.type;
489
+ },
490
+ changeEvent: function (type, $input) {
491
+ if (type == 'checkbox' || type == 'radio' || type == 'hidden' || $input.is('select')) {
492
+ return 'change';
493
+ } else {
494
+ return module.get.inputEvent();
495
+ }
496
+ },
497
+ inputEvent: function () {
498
+ return (document.createElement('input').oninput !== undefined)
499
+ ? 'input'
500
+ : (document.createElement('input').onpropertychange !== undefined)
501
+ ? 'propertychange'
502
+ : 'keyup';
503
+ },
504
+ fieldsFromShorthand: function (fields) {
505
+ var
506
+ fullFields = {}
507
+ ;
508
+ $.each(fields, function (name, rules) {
509
+ if (!Array.isArray(rules) && typeof rules === 'object') {
510
+ fullFields[name] = rules;
511
+ } else {
512
+ if (typeof rules == 'string') {
513
+ rules = [rules];
514
+ }
515
+ fullFields[name] = {
516
+ rules: [],
517
+ };
518
+ $.each(rules, function (index, rule) {
519
+ fullFields[name].rules.push({ type: rule });
520
+ });
521
+ }
522
+ });
523
+
524
+ return fullFields;
525
+ },
526
+ prompt: function (rule, field) {
527
+ var
528
+ ruleName = module.get.ruleName(rule),
529
+ ancillary = module.get.ancillaryValue(rule),
530
+ $field = module.get.field(field.identifier),
531
+ value = $field.val(),
532
+ prompt = isFunction(rule.prompt)
533
+ ? rule.prompt(value)
534
+ : rule.prompt || settings.prompt[ruleName] || settings.text.unspecifiedRule,
535
+ requiresValue = (prompt.search('{value}') !== -1),
536
+ requiresName = (prompt.search('{name}') !== -1),
537
+ $label,
538
+ name,
539
+ parts,
540
+ suffixPrompt
541
+ ;
542
+ if (ancillary && ['integer', 'decimal', 'number'].indexOf(ruleName) >= 0 && ancillary.indexOf('..') >= 0) {
543
+ parts = ancillary.split('..', 2);
544
+ if (!rule.prompt) {
545
+ suffixPrompt = (
546
+ parts[0] === ''
547
+ ? settings.prompt.maxValue.replace(/\{ruleValue\}/g, '{max}')
548
+ : parts[1] === ''
549
+ ? settings.prompt.minValue.replace(/\{ruleValue\}/g, '{min}')
550
+ : settings.prompt.range
551
+ );
552
+ prompt += suffixPrompt.replace(/\{name\}/g, ' ' + settings.text.and);
553
+ }
554
+ prompt = prompt.replace(/\{min\}/g, parts[0]);
555
+ prompt = prompt.replace(/\{max\}/g, parts[1]);
556
+ }
557
+ if (requiresValue) {
558
+ prompt = prompt.replace(/\{value\}/g, $field.val());
559
+ }
560
+ if (requiresName) {
561
+ $label = $field.closest(selector.group).find('label').eq(0);
562
+ name = ($label.length == 1)
563
+ ? $label.text()
564
+ : $field.prop('placeholder') || settings.text.unspecifiedField;
565
+ prompt = prompt.replace(/\{name\}/g, name);
566
+ }
567
+ prompt = prompt.replace(/\{identifier\}/g, field.identifier);
568
+ prompt = prompt.replace(/\{ruleValue\}/g, ancillary);
569
+ if (!rule.prompt) {
570
+ module.verbose('Using default validation prompt for type', prompt, ruleName);
571
+ }
572
+
573
+ return prompt;
574
+ },
575
+ settings: function () {
576
+ if ($.isPlainObject(parameters)) {
577
+ var
578
+ keys = Object.keys(parameters),
579
+ isLegacySettings = (keys.length > 0)
580
+ ? (parameters[keys[0]].identifier !== undefined && parameters[keys[0]].rules !== undefined)
581
+ : false
582
+ ;
583
+ if (isLegacySettings) {
584
+ // 1.x (ducktyped)
585
+ settings = $.extend(true, {}, $.fn.form.settings, legacyParameters);
586
+ validation = $.extend(true, {}, $.fn.form.settings.defaults, parameters);
587
+ module.error(settings.error.oldSyntax, element);
588
+ module.verbose('Extending settings from legacy parameters', validation, settings);
589
+ } else {
590
+ // 2.x
591
+ if (parameters.fields) {
592
+ parameters.fields = module.get.fieldsFromShorthand(parameters.fields);
593
+ }
594
+ settings = $.extend(true, {}, $.fn.form.settings, parameters);
595
+ validation = $.extend(true, {}, $.fn.form.settings.defaults, settings.fields);
596
+ module.verbose('Extending settings', validation, settings);
597
+ }
598
+ } else {
599
+ settings = $.extend(true, {}, $.fn.form.settings);
600
+ validation = $.extend(true, {}, $.fn.form.settings.defaults);
601
+ module.verbose('Using default form validation', validation, settings);
602
+ }
603
+
604
+ // shorthand
605
+ namespace = settings.namespace;
606
+ metadata = settings.metadata;
607
+ selector = settings.selector;
608
+ className = settings.className;
609
+ regExp = settings.regExp;
610
+ error = settings.error;
611
+ moduleNamespace = 'module-' + namespace;
612
+ eventNamespace = '.' + namespace;
613
+
614
+ // grab instance
615
+ instance = $module.data(moduleNamespace);
616
+
617
+ // refresh selector cache
618
+ (instance || module).refresh();
619
+ },
620
+ field: function (identifier) {
621
+ module.verbose('Finding field with identifier', identifier);
622
+ identifier = module.escape.string(identifier);
623
+ var t;
624
+ if ((t = $field.filter('#' + identifier)).length > 0) {
625
+ return t;
626
+ }
627
+ if ((t = $field.filter('[name="' + identifier + '"]')).length > 0) {
628
+ return t;
629
+ }
630
+ if ((t = $field.filter('[name="' + identifier + '[]"]')).length > 0) {
631
+ return t;
632
+ }
633
+ if ((t = $field.filter('[data-' + metadata.validate + '="' + identifier + '"]')).length > 0) {
634
+ return t;
635
+ }
636
+ module.error(error.noField.replace('{identifier}', identifier));
637
+
638
+ return $('<input/>');
639
+ },
640
+ fields: function (fields) {
641
+ var
642
+ $fields = $()
643
+ ;
644
+ $.each(fields, function (index, name) {
645
+ $fields = $fields.add(module.get.field(name));
646
+ });
647
+
648
+ return $fields;
649
+ },
650
+ validation: function ($field) {
651
+ var
652
+ fieldValidation,
653
+ identifier
654
+ ;
655
+ if (!validation) {
656
+ return false;
657
+ }
658
+ $.each(validation, function (fieldName, field) {
659
+ identifier = field.identifier || fieldName;
660
+ $.each(module.get.field(identifier), function (index, groupField) {
661
+ if (groupField == $field[0]) {
662
+ field.identifier = identifier;
663
+ fieldValidation = field;
664
+
665
+ return false;
666
+ }
667
+ });
668
+ });
669
+
670
+ return fieldValidation || false;
671
+ },
672
+ value: function (field) {
673
+ var
674
+ fields = [],
675
+ results
676
+ ;
677
+ fields.push(field);
678
+ results = module.get.values.call(element, fields);
679
+
680
+ return results[field];
681
+ },
682
+ values: function (fields) {
683
+ var
684
+ $fields = Array.isArray(fields)
685
+ ? module.get.fields(fields)
686
+ : $field,
687
+ values = {}
688
+ ;
689
+ $fields.each(function (index, field) {
690
+ var
691
+ $field = $(field),
692
+ $calendar = $field.closest(selector.uiCalendar),
693
+ name = $field.prop('name'),
694
+ value = $field.val(),
695
+ isCheckbox = $field.is(selector.checkbox),
696
+ isRadio = $field.is(selector.radio),
697
+ isMultiple = (name.indexOf('[]') !== -1),
698
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
699
+ isChecked = (isCheckbox)
700
+ ? $field.is(':checked')
701
+ : false
702
+ ;
703
+ if (name) {
704
+ if (isMultiple) {
705
+ name = name.replace('[]', '');
706
+ if (!values[name]) {
707
+ values[name] = [];
708
+ }
709
+ if (isCheckbox) {
710
+ if (isChecked) {
711
+ values[name].push(value || true);
712
+ } else {
713
+ values[name].push(false);
714
+ }
715
+ } else {
716
+ values[name].push(value);
717
+ }
718
+ } else {
719
+ if (isRadio) {
720
+ if (values[name] === undefined || values[name] === false) {
721
+ values[name] = (isChecked)
722
+ ? value || true
723
+ : false;
724
+ }
725
+ } else if (isCheckbox) {
726
+ if (isChecked) {
727
+ values[name] = value || true;
728
+ } else {
729
+ values[name] = false;
730
+ }
731
+ } else if (isCalendar) {
732
+ var date = $calendar.calendar('get date');
733
+
734
+ if (date !== null) {
735
+ if (settings.dateHandling == 'date') {
736
+ values[name] = date;
737
+ } else if (settings.dateHandling == 'input') {
738
+ values[name] = $calendar.calendar('get input date');
739
+ } else if (settings.dateHandling == 'formatter') {
740
+ var type = $calendar.calendar('setting', 'type');
741
+
742
+ switch (type) {
743
+ case 'date':
744
+ values[name] = settings.formatter.date(date);
745
+
746
+ break;
747
+
748
+ case 'datetime':
749
+ values[name] = settings.formatter.datetime(date);
750
+
751
+ break;
752
+
753
+ case 'time':
754
+ values[name] = settings.formatter.time(date);
755
+
756
+ break;
757
+
758
+ case 'month':
759
+ values[name] = settings.formatter.month(date);
760
+
761
+ break;
762
+
763
+ case 'year':
764
+ values[name] = settings.formatter.year(date);
765
+
766
+ break;
767
+
768
+ default:
769
+ module.debug('Wrong calendar mode', $calendar, type);
770
+ values[name] = '';
771
+ }
772
+ }
773
+ } else {
774
+ values[name] = '';
775
+ }
776
+ } else {
777
+ values[name] = value;
778
+ }
779
+ }
780
+ }
781
+ });
782
+
783
+ return values;
784
+ },
785
+ dirtyFields: function () {
786
+ return $field.filter(function (index, e) {
787
+ return $(e).data(metadata.isDirty);
788
+ });
789
+ },
790
+ },
791
+
792
+ has: {
793
+
794
+ field: function (identifier) {
795
+ module.verbose('Checking for existence of a field with identifier', identifier);
796
+ identifier = module.escape.string(identifier);
797
+ if (typeof identifier !== 'string') {
798
+ module.error(error.identifier, identifier);
799
+ }
800
+
801
+ return (
802
+ $field.filter('#' + identifier).length > 0
803
+ || $field.filter('[name="' + identifier + '"]').length > 0
804
+ || $field.filter('[data-' + metadata.validate + '="' + identifier + '"]').length > 0
805
+ );
806
+ },
807
+
808
+ },
809
+
810
+ can: {
811
+ useElement: function (element) {
812
+ if ($.fn[element] !== undefined) {
813
+ return true;
814
+ }
815
+ module.error(error.noElement.replace('{element}', element));
816
+
817
+ return false;
818
+ },
819
+ },
820
+
821
+ escape: {
822
+ string: function (text) {
823
+ text = String(text);
824
+
825
+ return text.replace(regExp.escape, '\\$&');
826
+ },
827
+ },
828
+
829
+ add: {
830
+ // alias
831
+ rule: function (name, rules) {
832
+ module.add.field(name, rules);
833
+ },
834
+ field: function (name, rules) {
835
+ // Validation should have at least a standard format
836
+ if (validation[name] === undefined || validation[name].rules === undefined) {
837
+ validation[name] = {
838
+ rules: [],
839
+ };
840
+ }
841
+ var
842
+ newValidation = {
843
+ rules: [],
844
+ }
845
+ ;
846
+ if (module.is.shorthandRules(rules)) {
847
+ rules = Array.isArray(rules)
848
+ ? rules
849
+ : [rules];
850
+ $.each(rules, function (_index, rule) {
851
+ newValidation.rules.push({ type: rule });
852
+ });
853
+ } else {
854
+ newValidation.rules = rules.rules;
855
+ }
856
+ // For each new rule, check if there's not already one with the same type
857
+ $.each(newValidation.rules, function (_index, rule) {
858
+ if ($.grep(validation[name].rules, function (item) {
859
+ return item.type == rule.type;
860
+ }).length == 0) {
861
+ validation[name].rules.push(rule);
862
+ }
863
+ });
864
+ module.debug('Adding rules', newValidation.rules, validation);
865
+ module.refreshEvents();
866
+ },
867
+ fields: function (fields) {
868
+ validation = $.extend(true, {}, validation, module.get.fieldsFromShorthand(fields));
869
+ module.refreshEvents();
870
+ },
871
+ prompt: function (identifier, errors, internal) {
872
+ var
873
+ $field = module.get.field(identifier),
874
+ $fieldGroup = $field.closest($group),
875
+ $prompt = $fieldGroup.children(selector.prompt),
876
+ promptExists = ($prompt.length !== 0)
877
+ ;
878
+ errors = (typeof errors == 'string')
879
+ ? [errors]
880
+ : errors;
881
+ module.verbose('Adding field error state', identifier);
882
+ if (!internal) {
883
+ $fieldGroup
884
+ .addClass(className.error)
885
+ ;
886
+ }
887
+ if (settings.inline) {
888
+ if (!promptExists) {
889
+ $prompt = $('<div/>').addClass(className.label);
890
+ $prompt
891
+ .appendTo($fieldGroup)
892
+ ;
893
+ }
894
+ $prompt
895
+ .html(settings.templates.prompt(errors))
896
+ ;
897
+ if (!promptExists) {
898
+ if (settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
899
+ module.verbose('Displaying error with css transition', settings.transition);
900
+ $prompt.transition(settings.transition + ' in', settings.duration);
901
+ } else {
902
+ module.verbose('Displaying error with fallback javascript animation');
903
+ $prompt
904
+ .fadeIn(settings.duration)
905
+ ;
906
+ }
907
+ } else {
908
+ module.verbose('Inline errors are disabled, no inline error added', identifier);
909
+ }
910
+ }
911
+ },
912
+ errors: function (errors) {
913
+ module.debug('Adding form error messages', errors);
914
+ module.set.error();
915
+ $message
916
+ .html(settings.templates.error(errors))
917
+ ;
918
+ },
919
+ },
920
+
921
+ remove: {
922
+ errors: function () {
923
+ module.debug('Removing form error messages');
924
+ $message.empty();
925
+ },
926
+ states: function () {
927
+ $module.removeClass(className.error).removeClass(className.success);
928
+ if (!settings.inline) {
929
+ module.remove.errors();
930
+ }
931
+ module.determine.isDirty();
932
+ },
933
+ rule: function (field, rule) {
934
+ var
935
+ rules = Array.isArray(rule)
936
+ ? rule
937
+ : [rule]
938
+ ;
939
+ if (validation[field] === undefined || !Array.isArray(validation[field].rules)) {
940
+ return;
941
+ }
942
+ if (rule === undefined) {
943
+ module.debug('Removed all rules');
944
+ validation[field].rules = [];
945
+
946
+ return;
947
+ }
948
+ $.each(validation[field].rules, function (index, rule) {
949
+ if (rule && rules.indexOf(rule.type) !== -1) {
950
+ module.debug('Removed rule', rule.type);
951
+ validation[field].rules.splice(index, 1);
952
+ }
953
+ });
954
+ },
955
+ field: function (field) {
956
+ var
957
+ fields = Array.isArray(field)
958
+ ? field
959
+ : [field]
960
+ ;
961
+ $.each(fields, function (index, field) {
962
+ module.remove.rule(field);
963
+ });
964
+ module.refreshEvents();
965
+ },
966
+ // alias
967
+ rules: function (field, rules) {
968
+ if (Array.isArray(field)) {
969
+ $.each(field, function (index, field) {
970
+ module.remove.rule(field, rules);
971
+ });
972
+ } else {
973
+ module.remove.rule(field, rules);
974
+ }
975
+ },
976
+ fields: function (fields) {
977
+ module.remove.field(fields);
978
+ },
979
+ prompt: function (identifier) {
980
+ var
981
+ $field = module.get.field(identifier),
982
+ $fieldGroup = $field.closest($group),
983
+ $prompt = $fieldGroup.children(selector.prompt)
984
+ ;
985
+ $fieldGroup
986
+ .removeClass(className.error)
987
+ ;
988
+ if (settings.inline && $prompt.is(':visible')) {
989
+ module.verbose('Removing prompt for field', identifier);
990
+ if (settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
991
+ $prompt.transition(settings.transition + ' out', settings.duration, function () {
992
+ $prompt.remove();
993
+ });
994
+ } else {
995
+ $prompt
996
+ .fadeOut(settings.duration, function () {
997
+ $prompt.remove();
998
+ })
999
+ ;
1000
+ }
1001
+ }
1002
+ },
1003
+ },
1004
+
1005
+ set: {
1006
+ success: function () {
1007
+ $module
1008
+ .removeClass(className.error)
1009
+ .addClass(className.success)
1010
+ ;
1011
+ },
1012
+ defaults: function () {
1013
+ $field.each(function (index, el) {
1014
+ var
1015
+ $el = $(el),
1016
+ $parent = $el.parent(),
1017
+ isCheckbox = ($el.filter(selector.checkbox).length > 0),
1018
+ isDropdown = $parent.is(selector.uiDropdown) && module.can.useElement('dropdown'),
1019
+ $calendar = $el.closest(selector.uiCalendar),
1020
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
1021
+ value = (isCheckbox)
1022
+ ? $el.is(':checked')
1023
+ : $el.val()
1024
+ ;
1025
+ if (isDropdown) {
1026
+ $parent.dropdown('save defaults');
1027
+ } else if (isCalendar) {
1028
+ $calendar.calendar('refresh');
1029
+ }
1030
+ $el.data(metadata.defaultValue, value);
1031
+ $el.data(metadata.isDirty, false);
1032
+ });
1033
+ },
1034
+ error: function () {
1035
+ $module
1036
+ .removeClass(className.success)
1037
+ .addClass(className.error)
1038
+ ;
1039
+ },
1040
+ value: function (field, value) {
1041
+ var
1042
+ fields = {}
1043
+ ;
1044
+ fields[field] = value;
1045
+
1046
+ return module.set.values.call(element, fields);
1047
+ },
1048
+ values: function (fields) {
1049
+ if ($.isEmptyObject(fields)) {
1050
+ return;
1051
+ }
1052
+ $.each(fields, function (key, value) {
1053
+ var
1054
+ $field = module.get.field(key),
1055
+ $element = $field.parent(),
1056
+ $calendar = $field.closest(selector.uiCalendar),
1057
+ isMultiple = Array.isArray(value),
1058
+ isCheckbox = $element.is(selector.uiCheckbox) && module.can.useElement('checkbox'),
1059
+ isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
1060
+ isRadio = ($field.is(selector.radio) && isCheckbox),
1061
+ isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
1062
+ fieldExists = ($field.length > 0),
1063
+ $multipleField
1064
+ ;
1065
+ if (fieldExists) {
1066
+ if (isMultiple && isCheckbox) {
1067
+ module.verbose('Selecting multiple', value, $field);
1068
+ $element.checkbox('uncheck');
1069
+ $.each(value, function (index, value) {
1070
+ $multipleField = $field.filter('[value="' + value + '"]');
1071
+ $element = $multipleField.parent();
1072
+ if ($multipleField.length > 0) {
1073
+ $element.checkbox('check');
1074
+ }
1075
+ });
1076
+ } else if (isRadio) {
1077
+ module.verbose('Selecting radio value', value, $field);
1078
+ $field.filter('[value="' + value + '"]')
1079
+ .parent(selector.uiCheckbox)
1080
+ .checkbox('check')
1081
+ ;
1082
+ } else if (isCheckbox) {
1083
+ module.verbose('Setting checkbox value', value, $element);
1084
+ if (value === true || value === 1 || value === 'on') {
1085
+ $element.checkbox('check');
1086
+ } else {
1087
+ $element.checkbox('uncheck');
1088
+ }
1089
+ if (typeof value === 'string') {
1090
+ $field.val(value);
1091
+ }
1092
+ } else if (isDropdown) {
1093
+ module.verbose('Setting dropdown value', value, $element);
1094
+ $element.dropdown('set selected', value);
1095
+ } else if (isCalendar) {
1096
+ $calendar.calendar('set date', value);
1097
+ } else {
1098
+ module.verbose('Setting field value', value, $field);
1099
+ $field.val(value);
1100
+ }
1101
+ }
1102
+ });
1103
+ },
1104
+ dirty: function () {
1105
+ module.verbose('Setting state dirty');
1106
+ dirty = true;
1107
+ history[0] = history[1];
1108
+ history[1] = 'dirty';
1109
+
1110
+ if (module.is.justClean()) {
1111
+ $module.trigger('dirty');
1112
+ }
1113
+ },
1114
+ clean: function () {
1115
+ module.verbose('Setting state clean');
1116
+ dirty = false;
1117
+ history[0] = history[1];
1118
+ history[1] = 'clean';
1119
+
1120
+ if (module.is.justDirty()) {
1121
+ $module.trigger('clean');
1122
+ }
1123
+ },
1124
+ asClean: function () {
1125
+ module.set.defaults();
1126
+ module.set.clean();
1127
+ },
1128
+ asDirty: function () {
1129
+ module.set.defaults();
1130
+ module.set.dirty();
1131
+ },
1132
+ autoCheck: function () {
1133
+ module.debug('Enabling auto check on required fields');
1134
+ $field.each(function (_index, el) {
1135
+ var
1136
+ $el = $(el),
1137
+ $elGroup = $el.closest($group),
1138
+ isCheckbox = ($el.filter(selector.checkbox).length > 0),
1139
+ isRequired = $el.prop('required') || $elGroup.hasClass(className.required) || $elGroup.parent().hasClass(className.required),
1140
+ isDisabled = $el.is(':disabled') || $elGroup.hasClass(className.disabled) || $elGroup.parent().hasClass(className.disabled),
1141
+ validation = module.get.validation($el),
1142
+ hasEmptyRule = validation
1143
+ ? $.grep(validation.rules, function (rule) {
1144
+ return rule.type == 'empty';
1145
+ }) !== 0
1146
+ : false,
1147
+ identifier = validation.identifier || $el.attr('id') || $el.attr('name') || $el.data(metadata.validate)
1148
+ ;
1149
+ if (isRequired && !isDisabled && !hasEmptyRule && identifier !== undefined) {
1150
+ if (isCheckbox) {
1151
+ module.verbose("Adding 'checked' rule on field", identifier);
1152
+ module.add.rule(identifier, 'checked');
1153
+ } else {
1154
+ module.verbose("Adding 'empty' rule on field", identifier);
1155
+ module.add.rule(identifier, 'empty');
1156
+ }
1157
+ }
1158
+ });
1159
+ },
1160
+ optional: function (identifier, bool) {
1161
+ bool = (bool !== false);
1162
+ $.each(validation, function (fieldName, field) {
1163
+ if (identifier == fieldName || identifier == field.identifier) {
1164
+ field.optional = bool;
1165
+ }
1166
+ });
1167
+ },
1168
+ },
1169
+
1170
+ validate: {
1171
+
1172
+ form: function (event, ignoreCallbacks) {
1173
+ var values = module.get.values();
1174
+
1175
+ // input keydown event will fire submit repeatedly by browser default
1176
+ if (keyHeldDown) {
1177
+ return false;
1178
+ }
1179
+
1180
+ // reset errors
1181
+ formErrors = [];
1182
+ if (module.determine.isValid()) {
1183
+ module.debug('Form has no validation errors, submitting');
1184
+ module.set.success();
1185
+ if (!settings.inline) {
1186
+ module.remove.errors();
1187
+ }
1188
+ if (ignoreCallbacks !== true) {
1189
+ return settings.onSuccess.call(element, event, values);
1190
+ }
1191
+ } else {
1192
+ module.debug('Form has errors');
1193
+ submitting = false;
1194
+ module.set.error();
1195
+ if (!settings.inline) {
1196
+ module.add.errors(formErrors);
1197
+ }
1198
+ // prevent ajax submit
1199
+ if (event && $module.data('moduleApi') !== undefined) {
1200
+ event.stopImmediatePropagation();
1201
+ }
1202
+ if (settings.errorFocus && ignoreCallbacks !== true) {
1203
+ var
1204
+ $focusElement,
1205
+ hasTabIndex = true
1206
+ ;
1207
+ if (typeof settings.errorFocus === 'string') {
1208
+ $focusElement = $(document).find(settings.errorFocus);
1209
+ hasTabIndex = $focusElement.is('[tabindex]');
1210
+ // to be able to focus/scroll into non input elements we need a tabindex
1211
+ if (!hasTabIndex) {
1212
+ $focusElement.attr('tabindex', -1);
1213
+ }
1214
+ } else {
1215
+ $focusElement = $group.filter('.' + className.error).first().find(selector.field);
1216
+ }
1217
+ $focusElement.trigger('focus');
1218
+ // only remove tabindex if it was dynamically created above
1219
+ if (!hasTabIndex) {
1220
+ $focusElement.removeAttr('tabindex');
1221
+ }
1222
+ }
1223
+ if (ignoreCallbacks !== true) {
1224
+ return settings.onFailure.call(element, formErrors, values);
1225
+ }
1226
+ }
1227
+ },
1228
+
1229
+ // takes a validation object and returns whether field passes validation
1230
+ field: function (field, fieldName, showErrors) {
1231
+ showErrors = (showErrors !== undefined)
1232
+ ? showErrors
1233
+ : true;
1234
+ if (typeof field == 'string') {
1235
+ module.verbose('Validating field', field);
1236
+ fieldName = field;
1237
+ field = validation[field];
1238
+ }
1239
+ var
1240
+ identifier = field.identifier || fieldName,
1241
+ $field = module.get.field(identifier),
1242
+ $dependsField = (field.depends)
1243
+ ? module.get.field(field.depends)
1244
+ : false,
1245
+ fieldValid = true,
1246
+ fieldErrors = []
1247
+ ;
1248
+ if (!field.identifier) {
1249
+ module.debug('Using field name as identifier', identifier);
1250
+ field.identifier = identifier;
1251
+ }
1252
+ var isDisabled = !$field.filter(':not(:disabled)').length;
1253
+ if (isDisabled) {
1254
+ module.debug('Field is disabled. Skipping', identifier);
1255
+ } else if (field.optional && module.is.blank($field)) {
1256
+ module.debug('Field is optional and blank. Skipping', identifier);
1257
+ } else if (field.depends && module.is.empty($dependsField)) {
1258
+ module.debug('Field depends on another value that is not present or empty. Skipping', $dependsField);
1259
+ } else if (field.rules !== undefined) {
1260
+ if (showErrors) {
1261
+ $field.closest($group).removeClass(className.error);
1262
+ }
1263
+ $.each(field.rules, function (index, rule) {
1264
+ if (module.has.field(identifier)) {
1265
+ var invalidFields = module.validate.rule(field, rule, true) || [];
1266
+ if (invalidFields.length > 0) {
1267
+ module.debug('Field is invalid', identifier, rule.type);
1268
+ fieldErrors.push(module.get.prompt(rule, field));
1269
+ fieldValid = false;
1270
+ if (showErrors) {
1271
+ $(invalidFields).closest($group).addClass(className.error);
1272
+ }
1273
+ }
1274
+ }
1275
+ });
1276
+ }
1277
+ if (fieldValid) {
1278
+ if (showErrors) {
1279
+ module.remove.prompt(identifier, fieldErrors);
1280
+ settings.onValid.call($field);
1281
+ }
1282
+ } else {
1283
+ if (showErrors) {
1284
+ formErrors = formErrors.concat(fieldErrors);
1285
+ module.add.prompt(identifier, fieldErrors, true);
1286
+ settings.onInvalid.call($field, fieldErrors);
1287
+ }
1288
+
1289
+ return false;
1290
+ }
1291
+
1292
+ return true;
1293
+ },
1294
+
1295
+ // takes validation rule and returns whether field passes rule
1296
+ rule: function (field, rule, internal) {
1297
+ var
1298
+ $field = module.get.field(field.identifier),
1299
+ ancillary = module.get.ancillaryValue(rule),
1300
+ ruleName = module.get.ruleName(rule),
1301
+ ruleFunction = settings.rules[ruleName],
1302
+ invalidFields = [],
1303
+ isCheckbox = $field.is(selector.checkbox),
1304
+ isValid = function (field) {
1305
+ var value = (isCheckbox ? $(field).filter(':checked').val() : $(field).val());
1306
+ // cast to string avoiding encoding special values
1307
+ value = (value === undefined || value === '' || value === null)
1308
+ ? ''
1309
+ : (settings.shouldTrim && rule.shouldTrim !== false) || rule.shouldTrim ? String(value + '').trim() : String(value + '');
1310
+
1311
+ return ruleFunction.call(field, value, ancillary, $module);
1312
+ }
1313
+ ;
1314
+ if (!isFunction(ruleFunction)) {
1315
+ module.error(error.noRule, ruleName);
1316
+
1317
+ return;
1318
+ }
1319
+ if (isCheckbox) {
1320
+ if (!isValid($field)) {
1321
+ invalidFields = $field;
1322
+ }
1323
+ } else {
1324
+ $.each($field, function (index, field) {
1325
+ if (!isValid(field)) {
1326
+ invalidFields.push(field);
1327
+ }
1328
+ });
1329
+ }
1330
+
1331
+ return internal ? invalidFields : !(invalidFields.length > 0);
1332
+ },
1333
+ },
1334
+
1335
+ setting: function (name, value) {
1336
+ if ($.isPlainObject(name)) {
1337
+ $.extend(true, settings, name);
1338
+ } else if (value !== undefined) {
1339
+ settings[name] = value;
1340
+ } else {
1341
+ return settings[name];
1342
+ }
1343
+ },
1344
+ internal: function (name, value) {
1345
+ if ($.isPlainObject(name)) {
1346
+ $.extend(true, module, name);
1347
+ } else if (value !== undefined) {
1348
+ module[name] = value;
1349
+ } else {
1350
+ return module[name];
1351
+ }
1352
+ },
1353
+ debug: function () {
1354
+ if (!settings.silent && settings.debug) {
1355
+ if (settings.performance) {
1356
+ module.performance.log(arguments);
1357
+ } else {
1358
+ module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
1359
+ module.debug.apply(console, arguments);
1360
+ }
1361
+ }
1362
+ },
1363
+ verbose: function () {
1364
+ if (!settings.silent && settings.verbose && settings.debug) {
1365
+ if (settings.performance) {
1366
+ module.performance.log(arguments);
1367
+ } else {
1368
+ module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
1369
+ module.verbose.apply(console, arguments);
1370
+ }
1371
+ }
1372
+ },
1373
+ error: function () {
1374
+ if (!settings.silent) {
1375
+ module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
1376
+ module.error.apply(console, arguments);
1377
+ }
1378
+ },
1379
+ performance: {
1380
+ log: function (message) {
1381
+ var
1382
+ currentTime,
1383
+ executionTime,
1384
+ previousTime
1385
+ ;
1386
+ if (settings.performance) {
1387
+ currentTime = new Date().getTime();
1388
+ previousTime = time || currentTime;
1389
+ executionTime = currentTime - previousTime;
1390
+ time = currentTime;
1391
+ performance.push({
1392
+ Name: message[0],
1393
+ Arguments: [].slice.call(message, 1) || '',
1394
+ Element: element,
1395
+ 'Execution Time': executionTime,
1396
+ });
1397
+ }
1398
+ clearTimeout(module.performance.timer);
1399
+ module.performance.timer = setTimeout(module.performance.display, 500);
1400
+ },
1401
+ display: function () {
1402
+ var
1403
+ title = settings.name + ':',
1404
+ totalTime = 0
1405
+ ;
1406
+ time = false;
1407
+ clearTimeout(module.performance.timer);
1408
+ $.each(performance, function (index, data) {
1409
+ totalTime += data['Execution Time'];
1410
+ });
1411
+ title += ' ' + totalTime + 'ms';
1412
+ if (moduleSelector) {
1413
+ title += ' \'' + moduleSelector + '\'';
1414
+ }
1415
+ if ($allModules.length > 1) {
1416
+ title += ' ' + '(' + $allModules.length + ')';
1417
+ }
1418
+ if ((console.group !== undefined || console.table !== undefined) && performance.length > 0) {
1419
+ console.groupCollapsed(title);
1420
+ if (console.table) {
1421
+ console.table(performance);
1422
+ } else {
1423
+ $.each(performance, function (index, data) {
1424
+ console.log(data.Name + ': ' + data['Execution Time'] + 'ms');
1425
+ });
1426
+ }
1427
+ console.groupEnd();
1428
+ }
1429
+ performance = [];
1430
+ },
1431
+ },
1432
+ invoke: function (query, passedArguments, context) {
1433
+ var
1434
+ object = instance,
1435
+ maxDepth,
1436
+ found,
1437
+ response
1438
+ ;
1439
+ passedArguments = passedArguments || queryArguments;
1440
+ context = context || element;
1441
+ if (typeof query == 'string' && object !== undefined) {
1442
+ query = query.split(/[\. ]/);
1443
+ maxDepth = query.length - 1;
1444
+ $.each(query, function (depth, value) {
1445
+ var camelCaseValue = (depth != maxDepth)
1446
+ ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
1447
+ : query;
1448
+ if ($.isPlainObject(object[camelCaseValue]) && (depth != maxDepth)) {
1449
+ object = object[camelCaseValue];
1450
+ } else if (object[camelCaseValue] !== undefined) {
1451
+ found = object[camelCaseValue];
1452
+
1453
+ return false;
1454
+ } else if ($.isPlainObject(object[value]) && (depth != maxDepth)) {
1455
+ object = object[value];
1456
+ } else if (object[value] !== undefined) {
1457
+ found = object[value];
1458
+
1459
+ return false;
1460
+ } else {
1461
+ return false;
1462
+ }
1463
+ });
1464
+ }
1465
+ if (isFunction(found)) {
1466
+ response = found.apply(context, passedArguments);
1467
+ } else if (found !== undefined) {
1468
+ response = found;
1469
+ }
1470
+ if (Array.isArray(returnedValue)) {
1471
+ returnedValue.push(response);
1472
+ } else if (returnedValue !== undefined) {
1473
+ returnedValue = [returnedValue, response];
1474
+ } else if (response !== undefined) {
1475
+ returnedValue = response;
1476
+ }
1477
+
1478
+ return found;
1479
+ },
1480
+ };
1481
+ module.initialize();
1482
+ });
173
1483
 
174
- // Dirty events
175
- if (settings.preventLeaving) {
176
- $(window).on('beforeunload' + eventNamespace, module.event.beforeUnload);
177
- }
1484
+ return (returnedValue !== undefined)
1485
+ ? returnedValue
1486
+ : this;
1487
+ };
178
1488
 
179
- $field.on('change click keyup keydown blur', function(e) {
180
- module.determine.isDirty();
181
- });
1489
+ $.fn.form.settings = {
182
1490
 
183
- $module.on('dirty' + eventNamespace, function(e) {
184
- settings.onDirty.call();
185
- });
1491
+ name: 'Form',
1492
+ namespace: 'form',
186
1493
 
187
- $module.on('clean' + eventNamespace, function(e) {
188
- settings.onClean.call();
189
- })
1494
+ debug: false,
1495
+ verbose: false,
1496
+ performance: true,
1497
+
1498
+ fields: false,
1499
+
1500
+ keyboardShortcuts: true,
1501
+ on: 'submit',
1502
+ inline: false,
1503
+
1504
+ delay: 200,
1505
+ revalidate: true,
1506
+ shouldTrim: true,
1507
+
1508
+ transition: 'scale',
1509
+ duration: 200,
1510
+
1511
+ autoCheckRequired: false,
1512
+ preventLeaving: false,
1513
+ errorFocus: true,
1514
+ dateHandling: 'date', // 'date', 'input', 'formatter'
1515
+
1516
+ onValid: function () {},
1517
+ onInvalid: function () {},
1518
+ onSuccess: function () {
1519
+ return true;
190
1520
  },
1521
+ onFailure: function () {
1522
+ return false;
1523
+ },
1524
+ onDirty: function () {},
1525
+ onClean: function () {},
191
1526
 
192
- clear: function() {
193
- $field.each(function (index, el) {
194
- var
195
- $field = $(el),
196
- $element = $field.parent(),
197
- $fieldGroup = $field.closest($group),
198
- $prompt = $fieldGroup.find(selector.prompt),
199
- $calendar = $field.closest(selector.uiCalendar),
200
- defaultValue = $field.data(metadata.defaultValue) || '',
201
- isCheckbox = $element.is(selector.uiCheckbox),
202
- isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
203
- isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
204
- isErrored = $fieldGroup.hasClass(className.error)
205
- ;
206
- if(isErrored) {
207
- module.verbose('Resetting error on field', $fieldGroup);
208
- $fieldGroup.removeClass(className.error);
209
- $prompt.remove();
210
- }
211
- if(isDropdown) {
212
- module.verbose('Resetting dropdown value', $element, defaultValue);
213
- $element.dropdown('clear', true);
214
- }
215
- else if(isCheckbox) {
216
- $field.prop('checked', false);
217
- }
218
- else if (isCalendar) {
219
- $calendar.calendar('clear');
220
- }
221
- else {
222
- module.verbose('Resetting field value', $field, defaultValue);
223
- $field.val('');
224
- }
225
- });
226
- module.remove.states();
1527
+ metadata: {
1528
+ defaultValue: 'default',
1529
+ validate: 'validate',
1530
+ isDirty: 'isDirty',
227
1531
  },
228
1532
 
229
- reset: function() {
230
- $field.each(function (index, el) {
231
- var
232
- $field = $(el),
233
- $element = $field.parent(),
234
- $fieldGroup = $field.closest($group),
235
- $calendar = $field.closest(selector.uiCalendar),
236
- $prompt = $fieldGroup.find(selector.prompt),
237
- defaultValue = $field.data(metadata.defaultValue),
238
- isCheckbox = $element.is(selector.uiCheckbox),
239
- isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
240
- isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
241
- isErrored = $fieldGroup.hasClass(className.error)
242
- ;
243
- if(defaultValue === undefined) {
244
- return;
245
- }
246
- if(isErrored) {
247
- module.verbose('Resetting error on field', $fieldGroup);
248
- $fieldGroup.removeClass(className.error);
249
- $prompt.remove();
250
- }
251
- if(isDropdown) {
252
- module.verbose('Resetting dropdown value', $element, defaultValue);
253
- $element.dropdown('restore defaults', true);
254
- }
255
- else if(isCheckbox) {
256
- module.verbose('Resetting checkbox value', $element, defaultValue);
257
- $field.prop('checked', defaultValue);
258
- }
259
- else if (isCalendar) {
260
- $calendar.calendar('set date', defaultValue);
261
- }
262
- else {
263
- module.verbose('Resetting field value', $field, defaultValue);
264
- $field.val(defaultValue);
265
- }
266
- });
267
- module.remove.states();
1533
+ regExp: {
1534
+ htmlID: /^[a-zA-Z][\w:.-]*$/g,
1535
+ bracket: /\[(.*)\]/i,
1536
+ decimal: /^\d+\.?\d*$/,
1537
+ email: /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i,
1538
+ escape: /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|:,=@]/g,
1539
+ flags: /^\/(.*)\/(.*)?/,
1540
+ integer: /^\-?\d+$/,
1541
+ number: /^\-?\d*(\.\d+)?$/,
1542
+ url: /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/i,
268
1543
  },
269
1544
 
270
- determine: {
271
- isValid: function() {
272
- var
273
- allValid = true
274
- ;
275
- $.each(validation, function(fieldName, field) {
276
- if( !( module.validate.field(field, fieldName, true) ) ) {
277
- allValid = false;
278
- }
279
- });
280
- return allValid;
281
- },
282
- isDirty: function(e) {
283
- var formIsDirty = false;
284
-
285
- $field.each(function(index, el) {
286
- var
287
- $el = $(el),
288
- isCheckbox = ($el.filter(selector.checkbox).length > 0),
289
- isDirty
290
- ;
291
-
292
- if (isCheckbox) {
293
- isDirty = module.is.checkboxDirty($el);
294
- } else {
295
- isDirty = module.is.fieldDirty($el);
296
- }
297
-
298
- $el.data(settings.metadata.isDirty, isDirty);
299
-
300
- formIsDirty |= isDirty;
301
- });
302
-
303
- if (formIsDirty) {
304
- module.set.dirty();
305
- } else {
306
- module.set.clean();
307
- }
308
-
309
- }
1545
+ text: {
1546
+ and: 'and',
1547
+ unspecifiedRule: 'Please enter a valid value',
1548
+ unspecifiedField: 'This field',
1549
+ leavingMessage: 'There are unsaved changes on this page which will be discarded if you continue.',
310
1550
  },
311
1551
 
312
- is: {
313
- bracketedRule: function(rule) {
314
- return (rule.type && rule.type.match(settings.regExp.bracket));
315
- },
316
- // duck type rule test
317
- shorthandRules: function(rules) {
318
- return (typeof rules == 'string' || Array.isArray(rules));
319
- },
320
- empty: function($field) {
321
- if(!$field || $field.length === 0) {
322
- return true;
323
- }
324
- else if($field.is(selector.checkbox)) {
325
- return !$field.is(':checked');
326
- }
327
- else {
328
- return module.is.blank($field);
329
- }
330
- },
331
- blank: function($field) {
332
- return String($field.val()).trim() === '';
333
- },
334
- valid: function(field, showErrors) {
335
- var
336
- allValid = true
337
- ;
338
- if(field) {
339
- module.verbose('Checking if field is valid', field);
340
- return module.validate.field(validation[field], field, !!showErrors);
341
- }
342
- else {
343
- module.verbose('Checking if form is valid');
344
- $.each(validation, function(fieldName, field) {
345
- if( !module.is.valid(fieldName, showErrors) ) {
346
- allValid = false;
347
- }
348
- });
349
- return allValid;
350
- }
351
- },
352
- dirty: function() {
353
- return dirty;
354
- },
355
- clean: function() {
356
- return !dirty;
357
- },
358
- fieldDirty: function($el) {
359
- var initialValue = $el.data(metadata.defaultValue);
360
- // Explicitly check for null/undefined here as value may be `false`, so ($el.data(dataInitialValue) || '') would not work
361
- if (initialValue == null) { initialValue = ''; }
362
- else if(Array.isArray(initialValue)) {
363
- initialValue = initialValue.toString();
364
- }
365
- var currentValue = $el.val();
366
- if (currentValue == null) { currentValue = ''; }
367
- // multiple select values are returned as arrays which are never equal, so do string conversion first
368
- else if(Array.isArray(currentValue)) {
369
- currentValue = currentValue.toString();
370
- }
371
- // Boolean values can be encoded as "true/false" or "True/False" depending on underlying frameworks so we need a case insensitive comparison
372
- var boolRegex = /^(true|false)$/i;
373
- var isBoolValue = boolRegex.test(initialValue) && boolRegex.test(currentValue);
374
- if (isBoolValue) {
375
- var regex = new RegExp("^" + initialValue + "$", "i");
376
- return !regex.test(currentValue);
377
- }
378
-
379
- return currentValue !== initialValue;
380
- },
381
- checkboxDirty: function($el) {
382
- var initialValue = $el.data(metadata.defaultValue);
383
- var currentValue = $el.is(":checked");
384
-
385
- return initialValue !== currentValue;
386
- },
387
- justDirty: function() {
388
- return (history[0] === 'dirty');
389
- },
390
- justClean: function() {
391
- return (history[0] === 'clean');
392
- }
1552
+ prompt: {
1553
+ range: '{name} must be in a range from {min} to {max}',
1554
+ maxValue: '{name} must have a maximum value of {ruleValue}',
1555
+ minValue: '{name} must have a minimum value of {ruleValue}',
1556
+ empty: '{name} must have a value',
1557
+ checked: '{name} must be checked',
1558
+ email: '{name} must be a valid e-mail',
1559
+ url: '{name} must be a valid url',
1560
+ regExp: '{name} is not formatted correctly',
1561
+ integer: '{name} must be an integer',
1562
+ decimal: '{name} must be a decimal number',
1563
+ number: '{name} must be set to a number',
1564
+ is: '{name} must be "{ruleValue}"',
1565
+ isExactly: '{name} must be exactly "{ruleValue}"',
1566
+ not: '{name} cannot be set to "{ruleValue}"',
1567
+ notExactly: '{name} cannot be set to exactly "{ruleValue}"',
1568
+ contain: '{name} must contain "{ruleValue}"',
1569
+ containExactly: '{name} must contain exactly "{ruleValue}"',
1570
+ doesntContain: '{name} cannot contain "{ruleValue}"',
1571
+ doesntContainExactly: '{name} cannot contain exactly "{ruleValue}"',
1572
+ minLength: '{name} must be at least {ruleValue} characters',
1573
+ exactLength: '{name} must be exactly {ruleValue} characters',
1574
+ maxLength: '{name} cannot be longer than {ruleValue} characters',
1575
+ match: '{name} must match {ruleValue} field',
1576
+ different: '{name} must have a different value than {ruleValue} field',
1577
+ creditCard: '{name} must be a valid credit card number',
1578
+ minCount: '{name} must have at least {ruleValue} choices',
1579
+ exactCount: '{name} must have exactly {ruleValue} choices',
1580
+ maxCount: '{name} must have {ruleValue} or less choices',
393
1581
  },
394
1582
 
395
- removeEvents: function() {
396
- $module.off(eventNamespace);
397
- $field.off(eventNamespace);
398
- $submit.off(eventNamespace);
1583
+ selector: {
1584
+ checkbox: 'input[type="checkbox"], input[type="radio"]',
1585
+ clear: '.clear',
1586
+ field: 'input:not(.search):not([type="file"]):not([type="reset"]):not([type="button"]):not([type="submit"]), textarea, select',
1587
+ group: '.field',
1588
+ input: 'input:not([type="file"])',
1589
+ message: '.error.message',
1590
+ prompt: '.prompt.label',
1591
+ radio: 'input[type="radio"]',
1592
+ reset: '.reset:not([type="reset"])',
1593
+ submit: '.submit:not([type="submit"])',
1594
+ uiCheckbox: '.ui.checkbox',
1595
+ uiDropdown: '.ui.dropdown',
1596
+ uiCalendar: '.ui.calendar',
399
1597
  },
400
1598
 
401
- event: {
402
- field: {
403
- keydown: function(event) {
404
- var
405
- $field = $(this),
406
- key = event.which,
407
- isInput = $field.is(selector.input),
408
- isCheckbox = $field.is(selector.checkbox),
409
- isInDropdown = ($field.closest(selector.uiDropdown).length > 0),
410
- keyCode = {
411
- enter : 13,
412
- escape : 27
413
- }
414
- ;
415
- if( key == keyCode.escape) {
416
- module.verbose('Escape key pressed blurring field');
417
- $field[0]
418
- .blur()
1599
+ className: {
1600
+ error: 'error',
1601
+ label: 'ui basic red pointing prompt label',
1602
+ pressed: 'down',
1603
+ success: 'success',
1604
+ required: 'required',
1605
+ disabled: 'disabled',
1606
+ },
1607
+
1608
+ error: {
1609
+ identifier: 'You must specify a string identifier for each field',
1610
+ method: 'The method you called is not defined.',
1611
+ noRule: 'There is no rule matching the one you specified',
1612
+ oldSyntax: 'Starting in 2.0 forms now only take a single settings object. Validation settings converted to new syntax automatically.',
1613
+ noField: 'Field identifier {identifier} not found',
1614
+ noElement: 'This module requires ui {element}',
1615
+ },
1616
+
1617
+ templates: {
1618
+
1619
+ // template that produces error message
1620
+ error: function (errors) {
1621
+ var
1622
+ html = '<ul class="list">'
419
1623
  ;
420
- }
421
- if(!event.ctrlKey && key == keyCode.enter && isInput && !isInDropdown && !isCheckbox) {
422
- if(!keyHeldDown) {
423
- $field.one('keyup' + eventNamespace, module.event.field.keyup);
424
- module.submit();
425
- module.debug('Enter pressed on input submitting form');
426
- event.preventDefault();
427
- }
428
- keyHeldDown = true;
429
- }
430
- },
431
- keyup: function() {
432
- keyHeldDown = false;
1624
+ $.each(errors, function (index, value) {
1625
+ html += '<li>' + value + '</li>';
1626
+ });
1627
+ html += '</ul>';
1628
+
1629
+ return html;
433
1630
  },
434
- blur: function(event) {
435
- var
436
- $field = $(this),
437
- $fieldGroup = $field.closest($group),
438
- validationRules = module.get.validation($field)
439
- ;
440
- if(validationRules && (settings.on == 'blur' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) )) {
441
- module.debug('Revalidating field', $field, validationRules);
442
- module.validate.field( validationRules );
443
- if(!settings.inline) {
444
- module.validate.form(false,true);
1631
+
1632
+ // template that produces label content
1633
+ prompt: function (errors) {
1634
+ if (errors.length === 1) {
1635
+ return errors[0];
445
1636
  }
446
- }
1637
+ var
1638
+ html = '<ul class="ui list">'
1639
+ ;
1640
+ $.each(errors, function (index, value) {
1641
+ html += '<li>' + value + '</li>';
1642
+ });
1643
+ html += '</ul>';
1644
+
1645
+ return html;
447
1646
  },
448
- change: function(event) {
449
- var
450
- $field = $(this),
451
- $fieldGroup = $field.closest($group),
452
- validationRules = module.get.validation($field)
453
- ;
454
- if(validationRules && (settings.on == 'change' || ( $fieldGroup.hasClass(className.error) && settings.revalidate) )) {
455
- clearTimeout(module.timer);
456
- module.timer = setTimeout(function() {
457
- module.debug('Revalidating field', $field, validationRules);
458
- module.validate.field( validationRules );
459
- if(!settings.inline) {
460
- module.validate.form(false,true);
461
- }
462
- }, settings.delay);
463
- }
464
- }
465
- },
466
- beforeUnload: function(event) {
467
- if (module.is.dirty() && !submitting) {
468
- event = event || window.event;
469
-
470
- // For modern browsers
471
- if (event) {
472
- event.returnValue = settings.text.leavingMessage;
473
- }
474
-
475
- // For olders...
476
- return settings.text.leavingMessage;
477
- }
478
- }
1647
+ },
479
1648
 
1649
+ formatter: {
1650
+ date: function (date) {
1651
+ return Intl.DateTimeFormat('en-GB').format(date);
1652
+ },
1653
+ datetime: function (date) {
1654
+ return Intl.DateTimeFormat('en-GB', {
1655
+ year: 'numeric',
1656
+ month: '2-digit',
1657
+ day: '2-digit',
1658
+ hour: '2-digit',
1659
+ minute: '2-digit',
1660
+ second: '2-digit',
1661
+ }).format(date);
1662
+ },
1663
+ time: function (date) {
1664
+ return Intl.DateTimeFormat('en-GB', {
1665
+ hour: '2-digit',
1666
+ minute: '2-digit',
1667
+ second: '2-digit',
1668
+ }).format(date);
1669
+ },
1670
+ month: function (date) {
1671
+ return Intl.DateTimeFormat('en-GB', {
1672
+ month: '2-digit',
1673
+ year: 'numeric',
1674
+ }).format(date);
1675
+ },
1676
+ year: function (date) {
1677
+ return Intl.DateTimeFormat('en-GB', {
1678
+ year: 'numeric',
1679
+ }).format(date);
1680
+ },
480
1681
  },
481
1682
 
482
- get: {
483
- ancillaryValue: function(rule) {
484
- if(!rule.type || (!rule.value && !module.is.bracketedRule(rule))) {
485
- return false;
486
- }
487
- return (rule.value !== undefined)
488
- ? rule.value
489
- : rule.type.match(settings.regExp.bracket)[1] + ''
490
- ;
491
- },
492
- ruleName: function(rule) {
493
- if( module.is.bracketedRule(rule) ) {
494
- return rule.type.replace(rule.type.match(settings.regExp.bracket)[0], '');
495
- }
496
- return rule.type;
497
- },
498
- changeEvent: function(type, $input) {
499
- if(type == 'checkbox' || type == 'radio' || type == 'hidden' || $input.is('select')) {
500
- return 'change';
501
- }
502
- else {
503
- return module.get.inputEvent();
504
- }
505
- },
506
- inputEvent: function() {
507
- return (document.createElement('input').oninput !== undefined)
508
- ? 'input'
509
- : (document.createElement('input').onpropertychange !== undefined)
510
- ? 'propertychange'
511
- : 'keyup'
512
- ;
513
- },
514
- fieldsFromShorthand: function(fields) {
515
- var
516
- fullFields = {}
517
- ;
518
- $.each(fields, function(name, rules) {
519
- if (!Array.isArray(rules) && typeof rules === 'object') {
520
- fullFields[name] = rules;
521
- } else {
522
- if (typeof rules == 'string') {
523
- rules = [rules];
1683
+ rules: {
1684
+
1685
+ // is not empty or blank string
1686
+ empty: function (value) {
1687
+ return !(value === undefined || '' === value || Array.isArray(value) && value.length === 0);
1688
+ },
1689
+
1690
+ // checkbox checked
1691
+ checked: function () {
1692
+ return ($(this).filter(':checked').length > 0);
1693
+ },
1694
+
1695
+ // is most likely an email
1696
+ email: function (value) {
1697
+ return $.fn.form.settings.regExp.email.test(value);
1698
+ },
1699
+
1700
+ // value is most likely url
1701
+ url: function (value) {
1702
+ return $.fn.form.settings.regExp.url.test(value);
1703
+ },
1704
+
1705
+ // matches specified regExp
1706
+ regExp: function (value, regExp) {
1707
+ if (regExp instanceof RegExp) {
1708
+ return value.match(regExp);
524
1709
  }
525
- fullFields[name] = {
526
- rules: []
527
- };
528
- $.each(rules, function (index, rule) {
529
- fullFields[name].rules.push({type: rule});
530
- });
531
- }
532
- });
533
- return fullFields;
534
- },
535
- prompt: function(rule, field) {
536
- var
537
- ruleName = module.get.ruleName(rule),
538
- ancillary = module.get.ancillaryValue(rule),
539
- $field = module.get.field(field.identifier),
540
- value = $field.val(),
541
- prompt = isFunction(rule.prompt)
542
- ? rule.prompt(value)
543
- : rule.prompt || settings.prompt[ruleName] || settings.text.unspecifiedRule,
544
- requiresValue = (prompt.search('{value}') !== -1),
545
- requiresName = (prompt.search('{name}') !== -1),
546
- $label,
547
- name,
548
- parts,
549
- suffixPrompt
550
- ;
551
- if(ancillary && ['integer', 'decimal', 'number'].indexOf(ruleName) >= 0 && ancillary.indexOf('..') >= 0) {
552
- parts = ancillary.split('..', 2);
553
- if(!rule.prompt) {
554
- suffixPrompt = (
555
- parts[0] === '' ? settings.prompt.maxValue.replace(/\{ruleValue\}/g,'{max}') :
556
- parts[1] === '' ? settings.prompt.minValue.replace(/\{ruleValue\}/g,'{min}') :
557
- settings.prompt.range
558
- );
559
- prompt += suffixPrompt.replace(/\{name\}/g, ' ' + settings.text.and);
560
- }
561
- prompt = prompt.replace(/\{min\}/g, parts[0]);
562
- prompt = prompt.replace(/\{max\}/g, parts[1]);
563
- }
564
- if(requiresValue) {
565
- prompt = prompt.replace(/\{value\}/g, $field.val());
566
- }
567
- if(requiresName) {
568
- $label = $field.closest(selector.group).find('label').eq(0);
569
- name = ($label.length == 1)
570
- ? $label.text()
571
- : $field.prop('placeholder') || settings.text.unspecifiedField
572
- ;
573
- prompt = prompt.replace(/\{name\}/g, name);
574
- }
575
- prompt = prompt.replace(/\{identifier\}/g, field.identifier);
576
- prompt = prompt.replace(/\{ruleValue\}/g, ancillary);
577
- if(!rule.prompt) {
578
- module.verbose('Using default validation prompt for type', prompt, ruleName);
579
- }
580
- return prompt;
581
- },
582
- settings: function() {
583
- if($.isPlainObject(parameters)) {
584
- var
585
- keys = Object.keys(parameters),
586
- isLegacySettings = (keys.length > 0)
587
- ? (parameters[keys[0]].identifier !== undefined && parameters[keys[0]].rules !== undefined)
588
- : false
589
- ;
590
- if(isLegacySettings) {
591
- // 1.x (ducktyped)
592
- settings = $.extend(true, {}, $.fn.form.settings, legacyParameters);
593
- validation = $.extend(true, {}, $.fn.form.settings.defaults, parameters);
594
- module.error(settings.error.oldSyntax, element);
595
- module.verbose('Extending settings from legacy parameters', validation, settings);
596
- }
597
- else {
598
- // 2.x
599
- if(parameters.fields) {
600
- parameters.fields = module.get.fieldsFromShorthand(parameters.fields);
1710
+ var
1711
+ regExpParts = regExp.match($.fn.form.settings.regExp.flags),
1712
+ flags
1713
+ ;
1714
+ // regular expression specified as /baz/gi (flags)
1715
+ if (regExpParts) {
1716
+ regExp = (regExpParts.length >= 2)
1717
+ ? regExpParts[1]
1718
+ : regExp;
1719
+ flags = (regExpParts.length >= 3)
1720
+ ? regExpParts[2]
1721
+ : '';
601
1722
  }
602
- settings = $.extend(true, {}, $.fn.form.settings, parameters);
603
- validation = $.extend(true, {}, $.fn.form.settings.defaults, settings.fields);
604
- module.verbose('Extending settings', validation, settings);
605
- }
606
- }
607
- else {
608
- settings = $.extend(true, {}, $.fn.form.settings);
609
- validation = $.extend(true, {}, $.fn.form.settings.defaults);
610
- module.verbose('Using default form validation', validation, settings);
611
- }
612
-
613
- // shorthand
614
- namespace = settings.namespace;
615
- metadata = settings.metadata;
616
- selector = settings.selector;
617
- className = settings.className;
618
- regExp = settings.regExp;
619
- error = settings.error;
620
- moduleNamespace = 'module-' + namespace;
621
- eventNamespace = '.' + namespace;
622
-
623
- // grab instance
624
- instance = $module.data(moduleNamespace);
625
-
626
- // refresh selector cache
627
- (instance || module).refresh();
628
- },
629
- field: function(identifier) {
630
- module.verbose('Finding field with identifier', identifier);
631
- identifier = module.escape.string(identifier);
632
- var t;
633
- if((t=$field.filter('#' + identifier)).length > 0 ) {
634
- return t;
635
- }
636
- if((t=$field.filter('[name="' + identifier +'"]')).length > 0 ) {
637
- return t;
638
- }
639
- if((t=$field.filter('[name="' + identifier +'[]"]')).length > 0 ) {
640
- return t;
641
- }
642
- if((t=$field.filter('[data-' + metadata.validate + '="'+ identifier +'"]')).length > 0 ) {
643
- return t;
644
- }
645
- module.error(error.noField.replace('{identifier}',identifier));
646
- return $('<input/>');
647
- },
648
- fields: function(fields) {
649
- var
650
- $fields = $()
651
- ;
652
- $.each(fields, function(index, name) {
653
- $fields = $fields.add( module.get.field(name) );
654
- });
655
- return $fields;
656
- },
657
- validation: function($field) {
658
- var
659
- fieldValidation,
660
- identifier
661
- ;
662
- if(!validation) {
663
- return false;
664
- }
665
- $.each(validation, function(fieldName, field) {
666
- identifier = field.identifier || fieldName;
667
- $.each(module.get.field(identifier), function(index, groupField) {
668
- if(groupField == $field[0]) {
669
- field.identifier = identifier;
670
- fieldValidation = field;
671
- return false;
1723
+
1724
+ return value.match(new RegExp(regExp, flags));
1725
+ },
1726
+ minValue: function (value, range) {
1727
+ return $.fn.form.settings.rules.range(value, range + '..', 'number');
1728
+ },
1729
+ maxValue: function (value, range) {
1730
+ return $.fn.form.settings.rules.range(value, '..' + range, 'number');
1731
+ },
1732
+ // is valid integer or matches range
1733
+ integer: function (value, range) {
1734
+ return $.fn.form.settings.rules.range(value, range, 'integer');
1735
+ },
1736
+ range: function (value, range, regExp) {
1737
+ if (typeof regExp == 'string') {
1738
+ regExp = $.fn.form.settings.regExp[regExp];
672
1739
  }
673
- });
674
- });
675
- return fieldValidation || false;
676
- },
677
- value: function (field) {
678
- var
679
- fields = [],
680
- results
681
- ;
682
- fields.push(field);
683
- results = module.get.values.call(element, fields);
684
- return results[field];
685
- },
686
- values: function (fields) {
687
- var
688
- $fields = Array.isArray(fields)
689
- ? module.get.fields(fields)
690
- : $field,
691
- values = {}
692
- ;
693
- $fields.each(function(index, field) {
694
- var
695
- $field = $(field),
696
- $calendar = $field.closest(selector.uiCalendar),
697
- name = $field.prop('name'),
698
- value = $field.val(),
699
- isCheckbox = $field.is(selector.checkbox),
700
- isRadio = $field.is(selector.radio),
701
- isMultiple = (name.indexOf('[]') !== -1),
702
- isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
703
- isChecked = (isCheckbox)
704
- ? $field.is(':checked')
705
- : false
706
- ;
707
- if(name) {
708
- if(isMultiple) {
709
- name = name.replace('[]', '');
710
- if(!values[name]) {
711
- values[name] = [];
712
- }
713
- if(isCheckbox) {
714
- if(isChecked) {
715
- values[name].push(value || true);
716
- }
717
- else {
718
- values[name].push(false);
719
- }
720
- }
721
- else {
722
- values[name].push(value);
723
- }
1740
+ if (!(regExp instanceof RegExp)) {
1741
+ regExp = $.fn.form.settings.regExp.integer;
724
1742
  }
725
- else {
726
- if(isRadio) {
727
- if(values[name] === undefined || values[name] === false) {
728
- values[name] = (isChecked)
729
- ? value || true
730
- : false
731
- ;
732
- }
733
- }
734
- else if(isCheckbox) {
735
- if(isChecked) {
736
- values[name] = value || true;
1743
+ var
1744
+ min,
1745
+ max,
1746
+ parts
1747
+ ;
1748
+ if (!range || ['', '..'].indexOf(range) !== -1) {
1749
+ // do nothing
1750
+ } else if (range.indexOf('..') == -1) {
1751
+ if (regExp.test(range)) {
1752
+ min = max = range - 0;
737
1753
  }
738
- else {
739
- values[name] = false;
1754
+ } else {
1755
+ parts = range.split('..', 2);
1756
+ if (regExp.test(parts[0])) {
1757
+ min = parts[0] - 0;
740
1758
  }
741
- }
742
- else if(isCalendar) {
743
- var date = $calendar.calendar('get date');
744
-
745
- if (date !== null) {
746
- if (settings.dateHandling == 'date') {
747
- values[name] = date;
748
- } else if(settings.dateHandling == 'input') {
749
- values[name] = $calendar.calendar('get input date')
750
- } else if (settings.dateHandling == 'formatter') {
751
- var type = $calendar.calendar('setting', 'type');
752
-
753
- switch(type) {
754
- case 'date':
755
- values[name] = settings.formatter.date(date);
756
- break;
757
-
758
- case 'datetime':
759
- values[name] = settings.formatter.datetime(date);
760
- break;
761
-
762
- case 'time':
763
- values[name] = settings.formatter.time(date);
764
- break;
765
-
766
- case 'month':
767
- values[name] = settings.formatter.month(date);
768
- break;
769
-
770
- case 'year':
771
- values[name] = settings.formatter.year(date);
772
- break;
773
-
774
- default:
775
- module.debug('Wrong calendar mode', $calendar, type);
776
- values[name] = '';
777
- }
778
- }
779
- } else {
780
- values[name] = '';
1759
+ if (regExp.test(parts[1])) {
1760
+ max = parts[1] - 0;
781
1761
  }
782
- } else {
783
- values[name] = value;
784
- }
785
1762
  }
786
- }
787
- });
788
- return values;
789
- },
790
- dirtyFields: function() {
791
- return $field.filter(function(index, e) {
792
- return $(e).data(metadata.isDirty);
793
- });
794
- }
795
- },
796
1763
 
797
- has: {
798
-
799
- field: function(identifier) {
800
- module.verbose('Checking for existence of a field with identifier', identifier);
801
- identifier = module.escape.string(identifier);
802
- if(typeof identifier !== 'string') {
803
- module.error(error.identifier, identifier);
804
- }
805
- return (
806
- $field.filter('#' + identifier).length > 0 ||
807
- $field.filter('[name="' + identifier +'"]').length > 0 ||
808
- $field.filter('[data-' + metadata.validate + '="'+ identifier +'"]').length > 0
809
- );
810
- }
1764
+ return (
1765
+ regExp.test(value)
1766
+ && (min === undefined || value >= min)
1767
+ && (max === undefined || value <= max)
1768
+ );
1769
+ },
811
1770
 
812
- },
1771
+ // is valid number (with decimal)
1772
+ decimal: function (value, range) {
1773
+ return $.fn.form.settings.rules.range(value, range, 'decimal');
1774
+ },
813
1775
 
814
- can: {
815
- useElement: function(element){
816
- if ($.fn[element] !== undefined) {
817
- return true;
818
- }
819
- module.error(error.noElement.replace('{element}',element));
820
- return false;
821
- }
822
- },
1776
+ // is valid number
1777
+ number: function (value, range) {
1778
+ return $.fn.form.settings.rules.range(value, range, 'number');
1779
+ },
823
1780
 
824
- escape: {
825
- string: function(text) {
826
- text = String(text);
827
- return text.replace(regExp.escape, '\\$&');
828
- }
829
- },
1781
+ // is value (case insensitive)
1782
+ is: function (value, text) {
1783
+ text = (typeof text == 'string')
1784
+ ? text.toLowerCase()
1785
+ : text;
1786
+ value = (typeof value == 'string')
1787
+ ? value.toLowerCase()
1788
+ : value;
830
1789
 
831
- add: {
832
- // alias
833
- rule: function(name, rules) {
834
- module.add.field(name, rules);
835
- },
836
- field: function(name, rules) {
837
- // Validation should have at least a standard format
838
- if(validation[name] === undefined || validation[name].rules === undefined) {
839
- validation[name] = {
840
- rules: []
841
- };
842
- }
843
- var
844
- newValidation = {
845
- rules: []
846
- }
847
- ;
848
- if(module.is.shorthandRules(rules)) {
849
- rules = Array.isArray(rules)
850
- ? rules
851
- : [rules]
852
- ;
853
- $.each(rules, function(_index, rule) {
854
- newValidation.rules.push({ type: rule });
855
- });
856
- }
857
- else {
858
- newValidation.rules = rules.rules;
859
- }
860
- // For each new rule, check if there's not already one with the same type
861
- $.each(newValidation.rules, function (_index, rule) {
862
- if ($.grep(validation[name].rules, function(item){ return item.type == rule.type; }).length == 0) {
863
- validation[name].rules.push(rule);
864
- }
865
- });
866
- module.debug('Adding rules', newValidation.rules, validation);
867
- module.refreshEvents();
868
- },
869
- fields: function(fields) {
870
- validation = $.extend(true, {}, validation, module.get.fieldsFromShorthand(fields));
871
- module.refreshEvents();
872
- },
873
- prompt: function(identifier, errors, internal) {
874
- var
875
- $field = module.get.field(identifier),
876
- $fieldGroup = $field.closest($group),
877
- $prompt = $fieldGroup.children(selector.prompt),
878
- promptExists = ($prompt.length !== 0)
879
- ;
880
- errors = (typeof errors == 'string')
881
- ? [errors]
882
- : errors
883
- ;
884
- module.verbose('Adding field error state', identifier);
885
- if(!internal) {
886
- $fieldGroup
887
- .addClass(className.error)
888
- ;
889
- }
890
- if(settings.inline) {
891
- if(!promptExists) {
892
- $prompt = $('<div/>').addClass(className.label);
893
- $prompt
894
- .appendTo($fieldGroup)
1790
+ return (value == text);
1791
+ },
1792
+
1793
+ // is value
1794
+ isExactly: function (value, text) {
1795
+ return (value == text);
1796
+ },
1797
+
1798
+ // value is not another value (case insensitive)
1799
+ not: function (value, notValue) {
1800
+ value = (typeof value == 'string')
1801
+ ? value.toLowerCase()
1802
+ : value;
1803
+ notValue = (typeof notValue == 'string')
1804
+ ? notValue.toLowerCase()
1805
+ : notValue;
1806
+
1807
+ return (value != notValue);
1808
+ },
1809
+
1810
+ // value is not another value (case sensitive)
1811
+ notExactly: function (value, notValue) {
1812
+ return (value != notValue);
1813
+ },
1814
+
1815
+ // value contains text (insensitive)
1816
+ contains: function (value, text) {
1817
+ // escape regex characters
1818
+ text = text.replace($.fn.form.settings.regExp.escape, '\\$&');
1819
+
1820
+ return (value.search(new RegExp(text, 'i')) !== -1);
1821
+ },
1822
+
1823
+ // value contains text (case sensitive)
1824
+ containsExactly: function (value, text) {
1825
+ // escape regex characters
1826
+ text = text.replace($.fn.form.settings.regExp.escape, '\\$&');
1827
+
1828
+ return (value.search(new RegExp(text)) !== -1);
1829
+ },
1830
+
1831
+ // value contains text (insensitive)
1832
+ doesntContain: function (value, text) {
1833
+ // escape regex characters
1834
+ text = text.replace($.fn.form.settings.regExp.escape, '\\$&');
1835
+
1836
+ return (value.search(new RegExp(text, 'i')) === -1);
1837
+ },
1838
+
1839
+ // value contains text (case sensitive)
1840
+ doesntContainExactly: function (value, text) {
1841
+ // escape regex characters
1842
+ text = text.replace($.fn.form.settings.regExp.escape, '\\$&');
1843
+
1844
+ return (value.search(new RegExp(text)) === -1);
1845
+ },
1846
+
1847
+ // is at least string length
1848
+ minLength: function (value, requiredLength) {
1849
+ return (value !== undefined)
1850
+ ? (value.length >= requiredLength)
1851
+ : false;
1852
+ },
1853
+
1854
+ // is exactly length
1855
+ exactLength: function (value, requiredLength) {
1856
+ return (value !== undefined)
1857
+ ? (value.length == requiredLength)
1858
+ : false;
1859
+ },
1860
+
1861
+ // is less than length
1862
+ maxLength: function (value, maxLength) {
1863
+ return (value !== undefined)
1864
+ ? (value.length <= maxLength)
1865
+ : false;
1866
+ },
1867
+
1868
+ // matches another field
1869
+ match: function (value, identifier, $module) {
1870
+ var
1871
+ matchingValue,
1872
+ matchingElement
895
1873
  ;
896
- }
897
- $prompt
898
- .html(settings.templates.prompt(errors))
899
- ;
900
- if(!promptExists) {
901
- if(settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
902
- module.verbose('Displaying error with css transition', settings.transition);
903
- $prompt.transition(settings.transition + ' in', settings.duration);
1874
+ if ((matchingElement = $module.find('[data-validate="' + identifier + '"]')).length > 0) {
1875
+ matchingValue = matchingElement.val();
1876
+ } else if ((matchingElement = $module.find('#' + identifier)).length > 0) {
1877
+ matchingValue = matchingElement.val();
1878
+ } else if ((matchingElement = $module.find('[name="' + identifier + '"]')).length > 0) {
1879
+ matchingValue = matchingElement.val();
1880
+ } else if ((matchingElement = $module.find('[name="' + identifier + '[]"]')).length > 0) {
1881
+ matchingValue = matchingElement;
904
1882
  }
905
- else {
906
- module.verbose('Displaying error with fallback javascript animation');
907
- $prompt
908
- .fadeIn(settings.duration)
909
- ;
1883
+
1884
+ return (matchingValue !== undefined)
1885
+ ? (value.toString() == matchingValue.toString())
1886
+ : false;
1887
+ },
1888
+
1889
+ // different than another field
1890
+ different: function (value, identifier, $module) {
1891
+ // use either id or name of field
1892
+ var
1893
+ matchingValue,
1894
+ matchingElement
1895
+ ;
1896
+ if ((matchingElement = $module.find('[data-validate="' + identifier + '"]')).length > 0) {
1897
+ matchingValue = matchingElement.val();
1898
+ } else if ((matchingElement = $module.find('#' + identifier)).length > 0) {
1899
+ matchingValue = matchingElement.val();
1900
+ } else if ((matchingElement = $module.find('[name="' + identifier + '"]')).length > 0) {
1901
+ matchingValue = matchingElement.val();
1902
+ } else if ((matchingElement = $module.find('[name="' + identifier + '[]"]')).length > 0) {
1903
+ matchingValue = matchingElement;
910
1904
  }
911
- }
912
- else {
913
- module.verbose('Inline errors are disabled, no inline error added', identifier);
914
- }
915
- }
916
- },
917
- errors: function(errors) {
918
- module.debug('Adding form error messages', errors);
919
- module.set.error();
920
- $message
921
- .html( settings.templates.error(errors) )
922
- ;
923
- }
924
- },
925
1905
 
926
- remove: {
927
- errors: function() {
928
- module.debug('Removing form error messages');
929
- $message.empty();
930
- },
931
- states: function() {
932
- $module.removeClass(className.error).removeClass(className.success);
933
- if(!settings.inline) {
934
- module.remove.errors();
935
- }
936
- module.determine.isDirty();
937
- },
938
- rule: function(field, rule) {
939
- var
940
- rules = Array.isArray(rule)
941
- ? rule
942
- : [rule]
943
- ;
944
- if(validation[field] === undefined || !Array.isArray(validation[field].rules)) {
945
- return;
946
- }
947
- if(rule === undefined) {
948
- module.debug('Removed all rules');
949
- validation[field].rules = [];
950
- return;
951
- }
952
- $.each(validation[field].rules, function(index, rule) {
953
- if(rule && rules.indexOf(rule.type) !== -1) {
954
- module.debug('Removed rule', rule.type);
955
- validation[field].rules.splice(index, 1);
956
- }
957
- });
958
- },
959
- field: function(field) {
960
- var
961
- fields = Array.isArray(field)
962
- ? field
963
- : [field]
964
- ;
965
- $.each(fields, function(index, field) {
966
- module.remove.rule(field);
967
- });
968
- module.refreshEvents();
969
- },
970
- // alias
971
- rules: function(field, rules) {
972
- if(Array.isArray(field)) {
973
- $.each(field, function(index, field) {
974
- module.remove.rule(field, rules);
975
- });
976
- }
977
- else {
978
- module.remove.rule(field, rules);
979
- }
980
- },
981
- fields: function(fields) {
982
- module.remove.field(fields);
983
- },
984
- prompt: function(identifier) {
985
- var
986
- $field = module.get.field(identifier),
987
- $fieldGroup = $field.closest($group),
988
- $prompt = $fieldGroup.children(selector.prompt)
989
- ;
990
- $fieldGroup
991
- .removeClass(className.error)
992
- ;
993
- if(settings.inline && $prompt.is(':visible')) {
994
- module.verbose('Removing prompt for field', identifier);
995
- if(settings.transition && module.can.useElement('transition') && $module.transition('is supported')) {
996
- $prompt.transition(settings.transition + ' out', settings.duration, function() {
997
- $prompt.remove();
998
- });
999
- }
1000
- else {
1001
- $prompt
1002
- .fadeOut(settings.duration, function(){
1003
- $prompt.remove();
1004
- })
1906
+ return (matchingValue !== undefined)
1907
+ ? (value.toString() !== matchingValue.toString())
1908
+ : false;
1909
+ },
1910
+
1911
+ creditCard: function (cardNumber, cardTypes) {
1912
+ var
1913
+ cards = {
1914
+ visa: {
1915
+ pattern: /^4/,
1916
+ length: [16],
1917
+ },
1918
+ amex: {
1919
+ pattern: /^3[47]/,
1920
+ length: [15],
1921
+ },
1922
+ mastercard: {
1923
+ pattern: /^5[1-5]/,
1924
+ length: [16],
1925
+ },
1926
+ discover: {
1927
+ pattern: /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
1928
+ length: [16],
1929
+ },
1930
+ unionPay: {
1931
+ pattern: /^(62|88)/,
1932
+ length: [16, 17, 18, 19],
1933
+ },
1934
+ jcb: {
1935
+ pattern: /^35(2[89]|[3-8][0-9])/,
1936
+ length: [16],
1937
+ },
1938
+ maestro: {
1939
+ pattern: /^(5018|5020|5038|6304|6759|676[1-3])/,
1940
+ length: [12, 13, 14, 15, 16, 17, 18, 19],
1941
+ },
1942
+ dinersClub: {
1943
+ pattern: /^(30[0-5]|^36)/,
1944
+ length: [14],
1945
+ },
1946
+ laser: {
1947
+ pattern: /^(6304|670[69]|6771)/,
1948
+ length: [16, 17, 18, 19],
1949
+ },
1950
+ visaElectron: {
1951
+ pattern: /^(4026|417500|4508|4844|491(3|7))/,
1952
+ length: [16],
1953
+ },
1954
+ },
1955
+ valid = {},
1956
+ validCard = false,
1957
+ requiredTypes = (typeof cardTypes == 'string')
1958
+ ? cardTypes.split(',')
1959
+ : false,
1960
+ unionPay,
1961
+ validation
1005
1962
  ;
1006
- }
1007
- }
1008
- }
1009
- },
1010
1963
 
1011
- set: {
1012
- success: function() {
1013
- $module
1014
- .removeClass(className.error)
1015
- .addClass(className.success)
1016
- ;
1017
- },
1018
- defaults: function () {
1019
- $field.each(function (index, el) {
1020
- var
1021
- $el = $(el),
1022
- $parent = $el.parent(),
1023
- isCheckbox = ($el.filter(selector.checkbox).length > 0),
1024
- isDropdown = $parent.is(selector.uiDropdown) && module.can.useElement('dropdown'),
1025
- $calendar = $el.closest(selector.uiCalendar),
1026
- isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
1027
- value = (isCheckbox)
1028
- ? $el.is(':checked')
1029
- : $el.val()
1030
- ;
1031
- if (isDropdown) {
1032
- $parent.dropdown('save defaults');
1033
- }
1034
- else if (isCalendar) {
1035
- $calendar.calendar('refresh');
1036
- }
1037
- $el.data(metadata.defaultValue, value);
1038
- $el.data(metadata.isDirty, false);
1039
- });
1040
- },
1041
- error: function() {
1042
- $module
1043
- .removeClass(className.success)
1044
- .addClass(className.error)
1045
- ;
1046
- },
1047
- value: function (field, value) {
1048
- var
1049
- fields = {}
1050
- ;
1051
- fields[field] = value;
1052
- return module.set.values.call(element, fields);
1053
- },
1054
- values: function (fields) {
1055
- if($.isEmptyObject(fields)) {
1056
- return;
1057
- }
1058
- $.each(fields, function(key, value) {
1059
- var
1060
- $field = module.get.field(key),
1061
- $element = $field.parent(),
1062
- $calendar = $field.closest(selector.uiCalendar),
1063
- isMultiple = Array.isArray(value),
1064
- isCheckbox = $element.is(selector.uiCheckbox) && module.can.useElement('checkbox'),
1065
- isDropdown = $element.is(selector.uiDropdown) && module.can.useElement('dropdown'),
1066
- isRadio = ($field.is(selector.radio) && isCheckbox),
1067
- isCalendar = ($calendar.length > 0 && module.can.useElement('calendar')),
1068
- fieldExists = ($field.length > 0),
1069
- $multipleField
1070
- ;
1071
- if(fieldExists) {
1072
- if(isMultiple && isCheckbox) {
1073
- module.verbose('Selecting multiple', value, $field);
1074
- $element.checkbox('uncheck');
1075
- $.each(value, function(index, value) {
1076
- $multipleField = $field.filter('[value="' + value + '"]');
1077
- $element = $multipleField.parent();
1078
- if($multipleField.length > 0) {
1079
- $element.checkbox('check');
1080
- }
1081
- });
1964
+ if (typeof cardNumber !== 'string' || cardNumber.length === 0) {
1965
+ return;
1082
1966
  }
1083
- else if(isRadio) {
1084
- module.verbose('Selecting radio value', value, $field);
1085
- $field.filter('[value="' + value + '"]')
1086
- .parent(selector.uiCheckbox)
1087
- .checkbox('check')
1088
- ;
1089
- }
1090
- else if(isCheckbox) {
1091
- module.verbose('Setting checkbox value', value, $element);
1092
- if(value === true || value === 1 || value === 'on') {
1093
- $element.checkbox('check');
1094
- }
1095
- else {
1096
- $element.checkbox('uncheck');
1097
- }
1098
- if(typeof value === 'string') {
1099
- $field.val(value);
1100
- }
1967
+
1968
+ // allow dashes and spaces in card
1969
+ cardNumber = cardNumber.replace(/[\s\-]/g, '');
1970
+
1971
+ // verify card types
1972
+ if (requiredTypes) {
1973
+ $.each(requiredTypes, function (index, type) {
1974
+ // verify each card type
1975
+ validation = cards[type];
1976
+ if (validation) {
1977
+ valid = {
1978
+ length: ($.inArray(cardNumber.length, validation.length) !== -1),
1979
+ pattern: (cardNumber.search(validation.pattern) !== -1),
1980
+ };
1981
+ if (valid.length && valid.pattern) {
1982
+ validCard = true;
1983
+ }
1984
+ }
1985
+ });
1986
+
1987
+ if (!validCard) {
1988
+ return false;
1989
+ }
1101
1990
  }
1102
- else if(isDropdown) {
1103
- module.verbose('Setting dropdown value', value, $element);
1104
- $element.dropdown('set selected', value);
1991
+
1992
+ // skip luhn for UnionPay
1993
+ unionPay = {
1994
+ number: ($.inArray(cardNumber.length, cards.unionPay.length) !== -1),
1995
+ pattern: (cardNumber.search(cards.unionPay.pattern) !== -1),
1996
+ };
1997
+ if (unionPay.number && unionPay.pattern) {
1998
+ return true;
1105
1999
  }
1106
- else if (isCalendar) {
1107
- $calendar.calendar('set date',value);
2000
+
2001
+ // verify luhn, adapted from <https://gist.github.com/2134376>
2002
+ var
2003
+ length = cardNumber.length,
2004
+ multiple = 0,
2005
+ producedValue = [
2006
+ [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
2007
+ [0, 2, 4, 6, 8, 1, 3, 5, 7, 9],
2008
+ ],
2009
+ sum = 0
2010
+ ;
2011
+ while (length--) {
2012
+ sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
2013
+ multiple ^= 1;
1108
2014
  }
1109
- else {
1110
- module.verbose('Setting field value', value, $field);
1111
- $field.val(value);
2015
+
2016
+ return (sum % 10 === 0 && sum > 0);
2017
+ },
2018
+
2019
+ minCount: function (value, minCount) {
2020
+ if (minCount == 0) {
2021
+ return true;
1112
2022
  }
1113
- }
1114
- });
1115
- },
1116
- dirty: function() {
1117
- module.verbose('Setting state dirty');
1118
- dirty = true;
1119
- history[0] = history[1];
1120
- history[1] = 'dirty';
1121
-
1122
- if (module.is.justClean()) {
1123
- $module.trigger('dirty');
1124
- }
1125
- },
1126
- clean: function() {
1127
- module.verbose('Setting state clean');
1128
- dirty = false;
1129
- history[0] = history[1];
1130
- history[1] = 'clean';
1131
-
1132
- if (module.is.justDirty()) {
1133
- $module.trigger('clean');
1134
- }
1135
- },
1136
- asClean: function() {
1137
- module.set.defaults();
1138
- module.set.clean();
1139
- },
1140
- asDirty: function() {
1141
- module.set.defaults();
1142
- module.set.dirty();
1143
- },
1144
- autoCheck: function() {
1145
- module.debug('Enabling auto check on required fields');
1146
- $field.each(function (_index, el) {
1147
- var
1148
- $el = $(el),
1149
- $elGroup = $el.closest($group),
1150
- isCheckbox = ($el.filter(selector.checkbox).length > 0),
1151
- isRequired = $el.prop('required') || $elGroup.hasClass(className.required) || $elGroup.parent().hasClass(className.required),
1152
- isDisabled = $el.is(':disabled') || $elGroup.hasClass(className.disabled) || $elGroup.parent().hasClass(className.disabled),
1153
- validation = module.get.validation($el),
1154
- hasEmptyRule = validation
1155
- ? $.grep(validation.rules, function(rule) { return rule.type == "empty" }) !== 0
1156
- : false,
1157
- identifier = validation.identifier || $el.attr('id') || $el.attr('name') || $el.data(metadata.validate)
1158
- ;
1159
- if (isRequired && !isDisabled && !hasEmptyRule && identifier !== undefined) {
1160
- if (isCheckbox) {
1161
- module.verbose("Adding 'checked' rule on field", identifier);
1162
- module.add.rule(identifier, "checked");
1163
- } else {
1164
- module.verbose("Adding 'empty' rule on field", identifier);
1165
- module.add.rule(identifier, "empty");
2023
+ if (minCount == 1) {
2024
+ return (value !== '');
1166
2025
  }
1167
- }
1168
- });
1169
- },
1170
- optional: function(identifier, bool) {
1171
- bool = (bool !== false);
1172
- $.each(validation, function(fieldName, field) {
1173
- if (identifier == fieldName || identifier == field.identifier) {
1174
- field.optional = bool;
1175
- }
1176
- });
1177
- }
1178
- },
1179
2026
 
1180
- validate: {
1181
-
1182
- form: function(event, ignoreCallbacks) {
1183
- var values = module.get.values();
1184
-
1185
- // input keydown event will fire submit repeatedly by browser default
1186
- if(keyHeldDown) {
1187
- return false;
1188
- }
1189
-
1190
- // reset errors
1191
- formErrors = [];
1192
- if( module.determine.isValid() ) {
1193
- module.debug('Form has no validation errors, submitting');
1194
- module.set.success();
1195
- if(!settings.inline) {
1196
- module.remove.errors();
1197
- }
1198
- if(ignoreCallbacks !== true) {
1199
- return settings.onSuccess.call(element, event, values);
1200
- }
1201
- }
1202
- else {
1203
- module.debug('Form has errors');
1204
- submitting = false;
1205
- module.set.error();
1206
- if(!settings.inline) {
1207
- module.add.errors(formErrors);
1208
- }
1209
- // prevent ajax submit
1210
- if(event && $module.data('moduleApi') !== undefined) {
1211
- event.stopImmediatePropagation();
1212
- }
1213
- if(settings.errorFocus && ignoreCallbacks !== true) {
1214
- var $focusElement, hasTabIndex = true;
1215
- if (typeof settings.errorFocus === 'string') {
1216
- $focusElement = $(document).find(settings.errorFocus);
1217
- hasTabIndex = $focusElement.is('[tabindex]');
1218
- // to be able to focus/scroll into non input elements we need a tabindex
1219
- if (!hasTabIndex) {
1220
- $focusElement.attr('tabindex',-1);
1221
- }
1222
- } else {
1223
- $focusElement = $group.filter('.' + className.error).first().find(selector.field);
2027
+ return (value.split(',').length >= minCount);
2028
+ },
2029
+
2030
+ exactCount: function (value, exactCount) {
2031
+ if (exactCount == 0) {
2032
+ return (value === '');
1224
2033
  }
1225
- $focusElement.trigger('focus');
1226
- // only remove tabindex if it was dynamically created above
1227
- if (!hasTabIndex){
1228
- $focusElement.removeAttr('tabindex');
2034
+ if (exactCount == 1) {
2035
+ return (value !== '' && value.search(',') === -1);
1229
2036
  }
1230
- }
1231
- if(ignoreCallbacks !== true) {
1232
- return settings.onFailure.call(element, formErrors, values);
1233
- }
1234
- }
1235
- },
1236
-
1237
- // takes a validation object and returns whether field passes validation
1238
- field: function(field, fieldName, showErrors) {
1239
- showErrors = (showErrors !== undefined)
1240
- ? showErrors
1241
- : true
1242
- ;
1243
- if(typeof field == 'string') {
1244
- module.verbose('Validating field', field);
1245
- fieldName = field;
1246
- field = validation[field];
1247
- }
1248
- var
1249
- identifier = field.identifier || fieldName,
1250
- $field = module.get.field(identifier),
1251
- $dependsField = (field.depends)
1252
- ? module.get.field(field.depends)
1253
- : false,
1254
- fieldValid = true,
1255
- fieldErrors = []
1256
- ;
1257
- if(!field.identifier) {
1258
- module.debug('Using field name as identifier', identifier);
1259
- field.identifier = identifier;
1260
- }
1261
- var isDisabled = !$field.filter(':not(:disabled)').length;
1262
- if(isDisabled) {
1263
- module.debug('Field is disabled. Skipping', identifier);
1264
- }
1265
- else if(field.optional && module.is.blank($field)){
1266
- module.debug('Field is optional and blank. Skipping', identifier);
1267
- }
1268
- else if(field.depends && module.is.empty($dependsField)) {
1269
- module.debug('Field depends on another value that is not present or empty. Skipping', $dependsField);
1270
- }
1271
- else if(field.rules !== undefined) {
1272
- if(showErrors) {
1273
- $field.closest($group).removeClass(className.error);
1274
- }
1275
- $.each(field.rules, function(index, rule) {
1276
- if( module.has.field(identifier)) {
1277
- var invalidFields = module.validate.rule(field, rule,true) || [];
1278
- if (invalidFields.length>0){
1279
- module.debug('Field is invalid', identifier, rule.type);
1280
- fieldErrors.push(module.get.prompt(rule, field));
1281
- fieldValid = false;
1282
- if(showErrors){
1283
- $(invalidFields).closest($group).addClass(className.error);
1284
- }
1285
- }
1286
- }
1287
- });
1288
- }
1289
- if(fieldValid) {
1290
- if(showErrors) {
1291
- module.remove.prompt(identifier, fieldErrors);
1292
- settings.onValid.call($field);
1293
- }
1294
- }
1295
- else {
1296
- if(showErrors) {
1297
- formErrors = formErrors.concat(fieldErrors);
1298
- module.add.prompt(identifier, fieldErrors, true);
1299
- settings.onInvalid.call($field, fieldErrors);
1300
- }
1301
- return false;
1302
- }
1303
- return true;
1304
- },
1305
2037
 
1306
- // takes validation rule and returns whether field passes rule
1307
- rule: function(field, rule, internal) {
1308
- var
1309
- $field = module.get.field(field.identifier),
1310
- ancillary = module.get.ancillaryValue(rule),
1311
- ruleName = module.get.ruleName(rule),
1312
- ruleFunction = settings.rules[ruleName],
1313
- invalidFields = [],
1314
- isCheckbox = $field.is(selector.checkbox),
1315
- isValid = function(field){
1316
- var value = (isCheckbox ? $(field).filter(':checked').val() : $(field).val());
1317
- // cast to string avoiding encoding special values
1318
- value = (value === undefined || value === '' || value === null)
1319
- ? ''
1320
- : (settings.shouldTrim && rule.shouldTrim !== false) || rule.shouldTrim ? String(value + '').trim() : String(value + '')
1321
- ;
1322
- return ruleFunction.call(field, value, ancillary, $module);
1323
- }
1324
- ;
1325
- if( !isFunction(ruleFunction) ) {
1326
- module.error(error.noRule, ruleName);
1327
- return;
1328
- }
1329
- if(isCheckbox) {
1330
- if (!isValid($field)) {
1331
- invalidFields = $field;
1332
- }
1333
- } else {
1334
- $.each($field, function (index, field) {
1335
- if (!isValid(field)) {
1336
- invalidFields.push(field);
2038
+ return (value.split(',').length == exactCount);
2039
+ },
2040
+
2041
+ maxCount: function (value, maxCount) {
2042
+ if (maxCount == 0) {
2043
+ return false;
2044
+ }
2045
+ if (maxCount == 1) {
2046
+ return (value.search(',') === -1);
1337
2047
  }
1338
- });
1339
- }
1340
- return internal ? invalidFields : !(invalidFields.length>0);
1341
- }
1342
- },
1343
2048
 
1344
- setting: function(name, value) {
1345
- if( $.isPlainObject(name) ) {
1346
- $.extend(true, settings, name);
1347
- }
1348
- else if(value !== undefined) {
1349
- settings[name] = value;
1350
- }
1351
- else {
1352
- return settings[name];
1353
- }
1354
- },
1355
- internal: function(name, value) {
1356
- if( $.isPlainObject(name) ) {
1357
- $.extend(true, module, name);
1358
- }
1359
- else if(value !== undefined) {
1360
- module[name] = value;
1361
- }
1362
- else {
1363
- return module[name];
1364
- }
1365
- },
1366
- debug: function() {
1367
- if(!settings.silent && settings.debug) {
1368
- if(settings.performance) {
1369
- module.performance.log(arguments);
1370
- }
1371
- else {
1372
- module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':');
1373
- module.debug.apply(console, arguments);
1374
- }
1375
- }
1376
- },
1377
- verbose: function() {
1378
- if(!settings.silent && settings.verbose && settings.debug) {
1379
- if(settings.performance) {
1380
- module.performance.log(arguments);
1381
- }
1382
- else {
1383
- module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':');
1384
- module.verbose.apply(console, arguments);
1385
- }
1386
- }
1387
- },
1388
- error: function() {
1389
- if(!settings.silent) {
1390
- module.error = Function.prototype.bind.call(console.error, console, settings.name + ':');
1391
- module.error.apply(console, arguments);
1392
- }
1393
- },
1394
- performance: {
1395
- log: function(message) {
1396
- var
1397
- currentTime,
1398
- executionTime,
1399
- previousTime
1400
- ;
1401
- if(settings.performance) {
1402
- currentTime = new Date().getTime();
1403
- previousTime = time || currentTime;
1404
- executionTime = currentTime - previousTime;
1405
- time = currentTime;
1406
- performance.push({
1407
- 'Name' : message[0],
1408
- 'Arguments' : [].slice.call(message, 1) || '',
1409
- 'Element' : element,
1410
- 'Execution Time' : executionTime
1411
- });
1412
- }
1413
- clearTimeout(module.performance.timer);
1414
- module.performance.timer = setTimeout(module.performance.display, 500);
1415
- },
1416
- display: function() {
1417
- var
1418
- title = settings.name + ':',
1419
- totalTime = 0
1420
- ;
1421
- time = false;
1422
- clearTimeout(module.performance.timer);
1423
- $.each(performance, function(index, data) {
1424
- totalTime += data['Execution Time'];
1425
- });
1426
- title += ' ' + totalTime + 'ms';
1427
- if(moduleSelector) {
1428
- title += ' \'' + moduleSelector + '\'';
1429
- }
1430
- if($allModules.length > 1) {
1431
- title += ' ' + '(' + $allModules.length + ')';
1432
- }
1433
- if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) {
1434
- console.groupCollapsed(title);
1435
- if(console.table) {
1436
- console.table(performance);
1437
- }
1438
- else {
1439
- $.each(performance, function(index, data) {
1440
- console.log(data['Name'] + ': ' + data['Execution Time']+'ms');
1441
- });
1442
- }
1443
- console.groupEnd();
1444
- }
1445
- performance = [];
1446
- }
1447
- },
1448
- invoke: function(query, passedArguments, context) {
1449
- var
1450
- object = instance,
1451
- maxDepth,
1452
- found,
1453
- response
1454
- ;
1455
- passedArguments = passedArguments || queryArguments;
1456
- context = context || element;
1457
- if(typeof query == 'string' && object !== undefined) {
1458
- query = query.split(/[\. ]/);
1459
- maxDepth = query.length - 1;
1460
- $.each(query, function(depth, value) {
1461
- var camelCaseValue = (depth != maxDepth)
1462
- ? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1)
1463
- : query
1464
- ;
1465
- if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) {
1466
- object = object[camelCaseValue];
1467
- }
1468
- else if( object[camelCaseValue] !== undefined ) {
1469
- found = object[camelCaseValue];
1470
- return false;
1471
- }
1472
- else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) {
1473
- object = object[value];
1474
- }
1475
- else if( object[value] !== undefined ) {
1476
- found = object[value];
1477
- return false;
1478
- }
1479
- else {
1480
- return false;
1481
- }
1482
- });
1483
- }
1484
- if( isFunction( found ) ) {
1485
- response = found.apply(context, passedArguments);
1486
- }
1487
- else if(found !== undefined) {
1488
- response = found;
1489
- }
1490
- if(Array.isArray(returnedValue)) {
1491
- returnedValue.push(response);
1492
- }
1493
- else if(returnedValue !== undefined) {
1494
- returnedValue = [returnedValue, response];
1495
- }
1496
- else if(response !== undefined) {
1497
- returnedValue = response;
1498
- }
1499
- return found;
1500
- }
1501
- };
1502
- module.initialize();
1503
- })
1504
- ;
1505
-
1506
- return (returnedValue !== undefined)
1507
- ? returnedValue
1508
- : this
1509
- ;
1510
- };
1511
-
1512
- $.fn.form.settings = {
1513
-
1514
- name : 'Form',
1515
- namespace : 'form',
1516
-
1517
- debug : false,
1518
- verbose : false,
1519
- performance : true,
1520
-
1521
- fields : false,
1522
-
1523
- keyboardShortcuts : true,
1524
- on : 'submit',
1525
- inline : false,
1526
-
1527
- delay : 200,
1528
- revalidate : true,
1529
- shouldTrim : true,
1530
-
1531
- transition : 'scale',
1532
- duration : 200,
1533
-
1534
- autoCheckRequired : false,
1535
- preventLeaving : false,
1536
- errorFocus : true,
1537
- dateHandling : 'date', // 'date', 'input', 'formatter'
1538
-
1539
- onValid : function() {},
1540
- onInvalid : function() {},
1541
- onSuccess : function() { return true; },
1542
- onFailure : function() { return false; },
1543
- onDirty : function() {},
1544
- onClean : function() {},
1545
-
1546
- metadata : {
1547
- defaultValue : 'default',
1548
- validate : 'validate',
1549
- isDirty : 'isDirty'
1550
- },
1551
-
1552
- regExp: {
1553
- htmlID : /^[a-zA-Z][\w:.-]*$/g,
1554
- bracket : /\[(.*)\]/i,
1555
- decimal : /^\d+\.?\d*$/,
1556
- email : /^[a-z0-9!#$%&'*+\/=?^_`{|}~.-]+@[a-z0-9]([a-z0-9-]*[a-z0-9])?(\.[a-z0-9]([a-z0-9-]*[a-z0-9])?)*$/i,
1557
- escape : /[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|:,=@]/g,
1558
- flags : /^\/(.*)\/(.*)?/,
1559
- integer : /^\-?\d+$/,
1560
- number : /^\-?\d*(\.\d+)?$/,
1561
- url : /(https?:\/\/(?:www\.|(?!www))[^\s\.]+\.[^\s]{2,}|www\.[^\s]+\.[^\s]{2,})/i
1562
- },
1563
-
1564
- text: {
1565
- and : 'and',
1566
- unspecifiedRule : 'Please enter a valid value',
1567
- unspecifiedField : 'This field',
1568
- leavingMessage : 'There are unsaved changes on this page which will be discarded if you continue.'
1569
- },
1570
-
1571
- prompt: {
1572
- range : '{name} must be in a range from {min} to {max}',
1573
- maxValue : '{name} must have a maximum value of {ruleValue}',
1574
- minValue : '{name} must have a minimum value of {ruleValue}',
1575
- empty : '{name} must have a value',
1576
- checked : '{name} must be checked',
1577
- email : '{name} must be a valid e-mail',
1578
- url : '{name} must be a valid url',
1579
- regExp : '{name} is not formatted correctly',
1580
- integer : '{name} must be an integer',
1581
- decimal : '{name} must be a decimal number',
1582
- number : '{name} must be set to a number',
1583
- is : '{name} must be "{ruleValue}"',
1584
- isExactly : '{name} must be exactly "{ruleValue}"',
1585
- not : '{name} cannot be set to "{ruleValue}"',
1586
- notExactly : '{name} cannot be set to exactly "{ruleValue}"',
1587
- contain : '{name} must contain "{ruleValue}"',
1588
- containExactly : '{name} must contain exactly "{ruleValue}"',
1589
- doesntContain : '{name} cannot contain "{ruleValue}"',
1590
- doesntContainExactly : '{name} cannot contain exactly "{ruleValue}"',
1591
- minLength : '{name} must be at least {ruleValue} characters',
1592
- exactLength : '{name} must be exactly {ruleValue} characters',
1593
- maxLength : '{name} cannot be longer than {ruleValue} characters',
1594
- match : '{name} must match {ruleValue} field',
1595
- different : '{name} must have a different value than {ruleValue} field',
1596
- creditCard : '{name} must be a valid credit card number',
1597
- minCount : '{name} must have at least {ruleValue} choices',
1598
- exactCount : '{name} must have exactly {ruleValue} choices',
1599
- maxCount : '{name} must have {ruleValue} or less choices'
1600
- },
1601
-
1602
- selector : {
1603
- checkbox : 'input[type="checkbox"], input[type="radio"]',
1604
- clear : '.clear',
1605
- field : 'input:not(.search):not([type="file"]):not([type="reset"]):not([type="button"]):not([type="submit"]), textarea, select',
1606
- group : '.field',
1607
- input : 'input:not([type="file"])',
1608
- message : '.error.message',
1609
- prompt : '.prompt.label',
1610
- radio : 'input[type="radio"]',
1611
- reset : '.reset:not([type="reset"])',
1612
- submit : '.submit:not([type="submit"])',
1613
- uiCheckbox : '.ui.checkbox',
1614
- uiDropdown : '.ui.dropdown',
1615
- uiCalendar : '.ui.calendar'
1616
- },
1617
-
1618
- className : {
1619
- error : 'error',
1620
- label : 'ui basic red pointing prompt label',
1621
- pressed : 'down',
1622
- success : 'success',
1623
- required : 'required',
1624
- disabled : 'disabled'
1625
- },
1626
-
1627
- error: {
1628
- identifier : 'You must specify a string identifier for each field',
1629
- method : 'The method you called is not defined.',
1630
- noRule : 'There is no rule matching the one you specified',
1631
- oldSyntax : 'Starting in 2.0 forms now only take a single settings object. Validation settings converted to new syntax automatically.',
1632
- noField : 'Field identifier {identifier} not found',
1633
- noElement : 'This module requires ui {element}'
1634
- },
1635
-
1636
- templates: {
1637
-
1638
- // template that produces error message
1639
- error: function(errors) {
1640
- var
1641
- html = '<ul class="list">'
1642
- ;
1643
- $.each(errors, function(index, value) {
1644
- html += '<li>' + value + '</li>';
1645
- });
1646
- html += '</ul>';
1647
- return html;
1648
- },
1649
-
1650
- // template that produces label content
1651
- prompt: function(errors) {
1652
- if(errors.length === 1){
1653
- return errors[0];
1654
- }
1655
- var
1656
- html = '<ul class="ui list">'
1657
- ;
1658
- $.each(errors, function(index, value) {
1659
- html += '<li>' + value + '</li>';
1660
- });
1661
- html += '</ul>';
1662
- return html;
1663
- }
1664
- },
1665
-
1666
- formatter: {
1667
- date: function(date) {
1668
- return Intl.DateTimeFormat('en-GB').format(date);
1669
- },
1670
- datetime: function(date) {
1671
- return Intl.DateTimeFormat('en-GB', {
1672
- year: "numeric",
1673
- month: "2-digit",
1674
- day: "2-digit",
1675
- hour: '2-digit',
1676
- minute: '2-digit',
1677
- second: '2-digit'
1678
- }).format(date);
1679
- },
1680
- time: function(date) {
1681
- return Intl.DateTimeFormat('en-GB', {
1682
- hour: '2-digit',
1683
- minute: '2-digit',
1684
- second: '2-digit'
1685
- }).format(date);
1686
- },
1687
- month: function(date) {
1688
- return Intl.DateTimeFormat('en-GB', {
1689
- month: '2-digit',
1690
- year: 'numeric'
1691
- }).format(date);
1692
- },
1693
- year: function(date) {
1694
- return Intl.DateTimeFormat('en-GB', {
1695
- year: 'numeric'
1696
- }).format(date);
1697
- }
1698
- },
1699
-
1700
- rules: {
1701
-
1702
- // is not empty or blank string
1703
- empty: function(value) {
1704
- return !(value === undefined || '' === value || Array.isArray(value) && value.length === 0);
1705
- },
1706
-
1707
- // checkbox checked
1708
- checked: function() {
1709
- return ($(this).filter(':checked').length > 0);
1710
- },
1711
-
1712
- // is most likely an email
1713
- email: function(value){
1714
- return $.fn.form.settings.regExp.email.test(value);
1715
- },
1716
-
1717
- // value is most likely url
1718
- url: function(value) {
1719
- return $.fn.form.settings.regExp.url.test(value);
1720
- },
1721
-
1722
- // matches specified regExp
1723
- regExp: function(value, regExp) {
1724
- if(regExp instanceof RegExp) {
1725
- return value.match(regExp);
1726
- }
1727
- var
1728
- regExpParts = regExp.match($.fn.form.settings.regExp.flags),
1729
- flags
1730
- ;
1731
- // regular expression specified as /baz/gi (flags)
1732
- if(regExpParts) {
1733
- regExp = (regExpParts.length >= 2)
1734
- ? regExpParts[1]
1735
- : regExp
1736
- ;
1737
- flags = (regExpParts.length >= 3)
1738
- ? regExpParts[2]
1739
- : ''
1740
- ;
1741
- }
1742
- return value.match( new RegExp(regExp, flags) );
1743
- },
1744
- minValue: function(value, range) {
1745
- return $.fn.form.settings.rules.range(value, range+'..', 'number');
1746
- },
1747
- maxValue: function(value, range) {
1748
- return $.fn.form.settings.rules.range(value, '..'+range, 'number');
1749
- },
1750
- // is valid integer or matches range
1751
- integer: function(value, range) {
1752
- return $.fn.form.settings.rules.range(value, range, 'integer');
1753
- },
1754
- range: function(value, range, regExp) {
1755
- if(typeof regExp == "string") {
1756
- regExp = $.fn.form.settings.regExp[regExp];
1757
- }
1758
- if(!(regExp instanceof RegExp)) {
1759
- regExp = $.fn.form.settings.regExp.integer;
1760
- }
1761
- var
1762
- min,
1763
- max,
1764
- parts
1765
- ;
1766
- if( !range || ['', '..'].indexOf(range) !== -1) {
1767
- // do nothing
1768
- }
1769
- else if(range.indexOf('..') == -1) {
1770
- if(regExp.test(range)) {
1771
- min = max = range - 0;
1772
- }
1773
- }
1774
- else {
1775
- parts = range.split('..', 2);
1776
- if(regExp.test(parts[0])) {
1777
- min = parts[0] - 0;
1778
- }
1779
- if(regExp.test(parts[1])) {
1780
- max = parts[1] - 0;
1781
- }
1782
- }
1783
- return (
1784
- regExp.test(value) &&
1785
- (min === undefined || value >= min) &&
1786
- (max === undefined || value <= max)
1787
- );
1788
- },
1789
-
1790
- // is valid number (with decimal)
1791
- decimal: function(value, range) {
1792
- return $.fn.form.settings.rules.range(value, range, 'decimal');
1793
- },
1794
-
1795
- // is valid number
1796
- number: function(value, range) {
1797
- return $.fn.form.settings.rules.range(value, range, 'number');
1798
- },
1799
-
1800
- // is value (case insensitive)
1801
- is: function(value, text) {
1802
- text = (typeof text == 'string')
1803
- ? text.toLowerCase()
1804
- : text
1805
- ;
1806
- value = (typeof value == 'string')
1807
- ? value.toLowerCase()
1808
- : value
1809
- ;
1810
- return (value == text);
1811
- },
1812
-
1813
- // is value
1814
- isExactly: function(value, text) {
1815
- return (value == text);
1816
- },
1817
-
1818
- // value is not another value (case insensitive)
1819
- not: function(value, notValue) {
1820
- value = (typeof value == 'string')
1821
- ? value.toLowerCase()
1822
- : value
1823
- ;
1824
- notValue = (typeof notValue == 'string')
1825
- ? notValue.toLowerCase()
1826
- : notValue
1827
- ;
1828
- return (value != notValue);
1829
- },
1830
-
1831
- // value is not another value (case sensitive)
1832
- notExactly: function(value, notValue) {
1833
- return (value != notValue);
1834
- },
1835
-
1836
- // value contains text (insensitive)
1837
- contains: function(value, text) {
1838
- // escape regex characters
1839
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
1840
- return (value.search( new RegExp(text, 'i') ) !== -1);
1841
- },
1842
-
1843
- // value contains text (case sensitive)
1844
- containsExactly: function(value, text) {
1845
- // escape regex characters
1846
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
1847
- return (value.search( new RegExp(text) ) !== -1);
1848
- },
1849
-
1850
- // value contains text (insensitive)
1851
- doesntContain: function(value, text) {
1852
- // escape regex characters
1853
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
1854
- return (value.search( new RegExp(text, 'i') ) === -1);
1855
- },
1856
-
1857
- // value contains text (case sensitive)
1858
- doesntContainExactly: function(value, text) {
1859
- // escape regex characters
1860
- text = text.replace($.fn.form.settings.regExp.escape, "\\$&");
1861
- return (value.search( new RegExp(text) ) === -1);
1862
- },
1863
-
1864
- // is at least string length
1865
- minLength: function(value, requiredLength) {
1866
- return (value !== undefined)
1867
- ? (value.length >= requiredLength)
1868
- : false
1869
- ;
1870
- },
1871
-
1872
- // is exactly length
1873
- exactLength: function(value, requiredLength) {
1874
- return (value !== undefined)
1875
- ? (value.length == requiredLength)
1876
- : false
1877
- ;
1878
- },
1879
-
1880
- // is less than length
1881
- maxLength: function(value, maxLength) {
1882
- return (value !== undefined)
1883
- ? (value.length <= maxLength)
1884
- : false
1885
- ;
1886
- },
1887
-
1888
- // matches another field
1889
- match: function(value, identifier, $module) {
1890
- var
1891
- matchingValue,
1892
- matchingElement
1893
- ;
1894
- if((matchingElement = $module.find('[data-validate="'+ identifier +'"]')).length > 0 ) {
1895
- matchingValue = matchingElement.val();
1896
- }
1897
- else if((matchingElement = $module.find('#' + identifier)).length > 0) {
1898
- matchingValue = matchingElement.val();
1899
- }
1900
- else if((matchingElement = $module.find('[name="' + identifier +'"]')).length > 0) {
1901
- matchingValue = matchingElement.val();
1902
- }
1903
- else if((matchingElement = $module.find('[name="' + identifier +'[]"]')).length > 0 ) {
1904
- matchingValue = matchingElement;
1905
- }
1906
- return (matchingValue !== undefined)
1907
- ? ( value.toString() == matchingValue.toString() )
1908
- : false
1909
- ;
1910
- },
1911
-
1912
- // different than another field
1913
- different: function(value, identifier, $module) {
1914
- // use either id or name of field
1915
- var
1916
- matchingValue,
1917
- matchingElement
1918
- ;
1919
- if((matchingElement = $module.find('[data-validate="'+ identifier +'"]')).length > 0 ) {
1920
- matchingValue = matchingElement.val();
1921
- }
1922
- else if((matchingElement = $module.find('#' + identifier)).length > 0) {
1923
- matchingValue = matchingElement.val();
1924
- }
1925
- else if((matchingElement = $module.find('[name="' + identifier +'"]')).length > 0) {
1926
- matchingValue = matchingElement.val();
1927
- }
1928
- else if((matchingElement = $module.find('[name="' + identifier +'[]"]')).length > 0 ) {
1929
- matchingValue = matchingElement;
1930
- }
1931
- return (matchingValue !== undefined)
1932
- ? ( value.toString() !== matchingValue.toString() )
1933
- : false
1934
- ;
1935
- },
1936
-
1937
- creditCard: function(cardNumber, cardTypes) {
1938
- var
1939
- cards = {
1940
- visa: {
1941
- pattern : /^4/,
1942
- length : [16]
1943
- },
1944
- amex: {
1945
- pattern : /^3[47]/,
1946
- length : [15]
1947
- },
1948
- mastercard: {
1949
- pattern : /^5[1-5]/,
1950
- length : [16]
1951
- },
1952
- discover: {
1953
- pattern : /^(6011|622(12[6-9]|1[3-9][0-9]|[2-8][0-9]{2}|9[0-1][0-9]|92[0-5]|64[4-9])|65)/,
1954
- length : [16]
1955
- },
1956
- unionPay: {
1957
- pattern : /^(62|88)/,
1958
- length : [16, 17, 18, 19]
1959
- },
1960
- jcb: {
1961
- pattern : /^35(2[89]|[3-8][0-9])/,
1962
- length : [16]
1963
- },
1964
- maestro: {
1965
- pattern : /^(5018|5020|5038|6304|6759|676[1-3])/,
1966
- length : [12, 13, 14, 15, 16, 17, 18, 19]
1967
- },
1968
- dinersClub: {
1969
- pattern : /^(30[0-5]|^36)/,
1970
- length : [14]
1971
- },
1972
- laser: {
1973
- pattern : /^(6304|670[69]|6771)/,
1974
- length : [16, 17, 18, 19]
1975
- },
1976
- visaElectron: {
1977
- pattern : /^(4026|417500|4508|4844|491(3|7))/,
1978
- length : [16]
1979
- }
2049
+ return (value.split(',').length <= maxCount);
2050
+ },
1980
2051
  },
1981
- valid = {},
1982
- validCard = false,
1983
- requiredTypes = (typeof cardTypes == 'string')
1984
- ? cardTypes.split(',')
1985
- : false,
1986
- unionPay,
1987
- validation
1988
- ;
1989
-
1990
- if(typeof cardNumber !== 'string' || cardNumber.length === 0) {
1991
- return;
1992
- }
1993
-
1994
- // allow dashes and spaces in card
1995
- cardNumber = cardNumber.replace(/[\s\-]/g, '');
1996
-
1997
- // verify card types
1998
- if(requiredTypes) {
1999
- $.each(requiredTypes, function(index, type){
2000
- // verify each card type
2001
- validation = cards[type];
2002
- if(validation) {
2003
- valid = {
2004
- length : ($.inArray(cardNumber.length, validation.length) !== -1),
2005
- pattern : (cardNumber.search(validation.pattern) !== -1)
2006
- };
2007
- if(valid.length && valid.pattern) {
2008
- validCard = true;
2009
- }
2010
- }
2011
- });
2012
-
2013
- if(!validCard) {
2014
- return false;
2015
- }
2016
- }
2017
-
2018
- // skip luhn for UnionPay
2019
- unionPay = {
2020
- number : ($.inArray(cardNumber.length, cards.unionPay.length) !== -1),
2021
- pattern : (cardNumber.search(cards.unionPay.pattern) !== -1)
2022
- };
2023
- if(unionPay.number && unionPay.pattern) {
2024
- return true;
2025
- }
2026
-
2027
- // verify luhn, adapted from <https://gist.github.com/2134376>
2028
- var
2029
- length = cardNumber.length,
2030
- multiple = 0,
2031
- producedValue = [
2032
- [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
2033
- [0, 2, 4, 6, 8, 1, 3, 5, 7, 9]
2034
- ],
2035
- sum = 0
2036
- ;
2037
- while (length--) {
2038
- sum += producedValue[multiple][parseInt(cardNumber.charAt(length), 10)];
2039
- multiple ^= 1;
2040
- }
2041
- return (sum % 10 === 0 && sum > 0);
2042
- },
2043
-
2044
- minCount: function(value, minCount) {
2045
- if(minCount == 0) {
2046
- return true;
2047
- }
2048
- if(minCount == 1) {
2049
- return (value !== '');
2050
- }
2051
- return (value.split(',').length >= minCount);
2052
- },
2053
-
2054
- exactCount: function(value, exactCount) {
2055
- if(exactCount == 0) {
2056
- return (value === '');
2057
- }
2058
- if(exactCount == 1) {
2059
- return (value !== '' && value.search(',') === -1);
2060
- }
2061
- return (value.split(',').length == exactCount);
2062
- },
2063
-
2064
- maxCount: function(value, maxCount) {
2065
- if(maxCount == 0) {
2066
- return false;
2067
- }
2068
- if(maxCount == 1) {
2069
- return (value.search(',') === -1);
2070
- }
2071
- return (value.split(',').length <= maxCount);
2072
- }
2073
- }
2074
-
2075
- };
2076
2052
 
2077
- })( jQuery, window, document );
2053
+ };
2054
+ })(jQuery, window, document);