You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
195 lines
7.2 KiB
195 lines
7.2 KiB
11 years ago
|
/*jslint unparam: true, browser: true, indent: 2 */
|
||
|
|
|
||
|
|
;(function ($, window, document, undefined) {
|
||
|
|
'use strict';
|
||
|
|
|
||
|
|
Foundation.libs.abide = {
|
||
|
|
name : 'abide',
|
||
|
|
|
||
|
|
version : '4.3.0',
|
||
|
|
|
||
|
|
settings : {
|
||
|
|
live_validate : true,
|
||
|
|
focus_on_invalid : true,
|
||
|
|
timeout : 1000,
|
||
|
|
patterns : {
|
||
|
|
alpha: /[a-zA-Z]+/,
|
||
|
|
alpha_numeric : /[a-zA-Z0-9]+/,
|
||
|
|
integer: /-?\d+/,
|
||
|
|
number: /-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?/,
|
||
|
|
|
||
|
|
// generic password: upper-case, lower-case, number/special character, and min 8 characters
|
||
|
|
password : /(?=^.{8,}$)((?=.*\d)|(?=.*\W+))(?![.\n])(?=.*[A-Z])(?=.*[a-z]).*$/,
|
||
|
|
|
||
|
|
// amex, visa, diners
|
||
|
|
card : /^(?:4[0-9]{12}(?:[0-9]{3})?|5[1-5][0-9]{14}|6(?:011|5[0-9][0-9])[0-9]{12}|3[47][0-9]{13}|3(?:0[0-5]|[68][0-9])[0-9]{11}|(?:2131|1800|35\d{3})\d{11})$/,
|
||
|
|
cvv : /^([0-9]){3,4}$/,
|
||
|
|
|
||
|
|
// http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#valid-e-mail-address
|
||
|
|
email : /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/,
|
||
|
|
|
||
|
|
url: /(https?|ftp|file|ssh):\/\/(((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-zA-Z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(\#((([a-zA-Z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?/,
|
||
|
|
// abc.de
|
||
|
|
domain: /^([a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?\.)+[a-zA-Z]{2,6}$/,
|
||
|
|
|
||
|
|
datetime: /([0-2][0-9]{3})\-([0-1][0-9])\-([0-3][0-9])T([0-5][0-9])\:([0-5][0-9])\:([0-5][0-9])(Z|([\-\+]([0-1][0-9])\:00))/,
|
||
|
|
// YYYY-MM-DD
|
||
|
|
date: /(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))/,
|
||
|
|
// HH:MM:SS
|
||
|
|
time : /(0[0-9]|1[0-9]|2[0-3])(:[0-5][0-9]){2}/,
|
||
|
|
dateISO: /\d{4}[\/\-]\d{1,2}[\/\-]\d{1,2}/,
|
||
|
|
// MM/DD/YYYY
|
||
|
|
month_day_year : /(0[1-9]|1[012])[- \/.](0[1-9]|[12][0-9]|3[01])[- \/.](19|20)\d\d/,
|
||
|
|
|
||
|
|
// #FFF or #FFFFFF
|
||
|
|
color: /^#?([a-fA-F0-9]{6}|[a-fA-F0-9]{3})$/
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
timer : null,
|
||
|
|
|
||
|
|
init : function (scope, method, options) {
|
||
|
|
if (typeof method === 'object') {
|
||
|
|
$.extend(true, this.settings, method);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (typeof method !== 'string') {
|
||
|
|
if (!this.settings.init) { this.events(); }
|
||
|
|
|
||
|
|
} else {
|
||
|
|
return this[method].call(this, options);
|
||
|
|
}
|
||
|
|
},
|
||
|
|
|
||
|
|
events : function () {
|
||
|
|
var self = this,
|
||
|
|
forms = $('form[data-abide]', this.scope).attr('novalidate', 'novalidate');
|
||
|
|
|
||
|
|
forms
|
||
|
|
.on('submit validate', function (e) {
|
||
|
|
return self.validate($(this).find('input, textarea, select').get(), e);
|
||
|
|
});
|
||
|
|
|
||
|
|
this.settings.init = true;
|
||
|
|
|
||
|
|
if (!this.settings.live_validate) return;
|
||
|
|
|
||
|
|
forms
|
||
|
|
.find('input, textarea, select')
|
||
|
|
.on('blur change', function (e) {
|
||
|
|
self.validate([this], e);
|
||
|
|
})
|
||
|
|
.on('keydown', function (e) {
|
||
|
|
clearTimeout(self.timer);
|
||
|
|
self.timer = setTimeout(function () {
|
||
|
|
self.validate([this], e);
|
||
|
|
}.bind(this), self.settings.timeout);
|
||
|
|
});
|
||
|
|
},
|
||
|
|
|
||
|
|
validate : function (els, e) {
|
||
|
|
var validations = this.parse_patterns(els),
|
||
|
|
validation_count = validations.length,
|
||
|
|
form = $(els[0]).closest('form');
|
||
|
|
|
||
|
|
while (validation_count--) {
|
||
|
|
if (!validations[validation_count] && /submit/.test(e.type)) {
|
||
|
|
if (this.settings.focus_on_invalid) els[validation_count].focus();
|
||
|
|
form.trigger('invalid');
|
||
|
|
$(els[validation_count]).closest('form').attr('data-invalid', '');
|
||
|
|
return false;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
if (/submit/.test(e.type)) {
|
||
|
|
form.trigger('valid');
|
||
|
|
}
|
||
|
|
|
||
|
|
form.removeAttr('data-invalid');
|
||
|
|
|
||
|
|
return true;
|
||
|
|
},
|
||
|
|
|
||
|
|
parse_patterns : function (els) {
|
||
|
|
var count = els.length,
|
||
|
|
el_patterns = [];
|
||
|
|
|
||
|
|
for (var i = count - 1; i >= 0; i--) {
|
||
|
|
el_patterns.push(this.pattern(els[i]));
|
||
|
|
}
|
||
|
|
|
||
|
|
return this.check_validation_and_apply_styles(el_patterns);
|
||
|
|
},
|
||
|
|
|
||
|
|
pattern : function (el) {
|
||
|
|
var type = el.getAttribute('type'),
|
||
|
|
required = typeof el.getAttribute('required') === 'string';
|
||
|
|
|
||
|
|
if (this.settings.patterns.hasOwnProperty(type)) {
|
||
|
|
return [el, this.settings.patterns[type], required];
|
||
|
|
}
|
||
|
|
|
||
|
|
var pattern = el.getAttribute('pattern') || '';
|
||
|
|
|
||
|
|
if (this.settings.patterns.hasOwnProperty(pattern) && pattern.length > 0) {
|
||
|
|
return [el, this.settings.patterns[pattern], required];
|
||
|
|
} else if (pattern.length > 0) {
|
||
|
|
return [el, new RegExp(pattern), required];
|
||
|
|
}
|
||
|
|
|
||
|
|
pattern = /.*/;
|
||
|
|
|
||
|
|
return [el, pattern, required];
|
||
|
|
},
|
||
|
|
|
||
|
|
check_validation_and_apply_styles : function (el_patterns) {
|
||
|
|
var count = el_patterns.length,
|
||
|
|
validations = [];
|
||
|
|
|
||
|
|
for (var i = count - 1; i >= 0; i--) {
|
||
|
|
var el = el_patterns[i][0],
|
||
|
|
required = el_patterns[i][2],
|
||
|
|
value = el.value,
|
||
|
|
is_radio = el.type === "radio",
|
||
|
|
valid_length = (required) ? (el.value.length > 0) : true;
|
||
|
|
|
||
|
|
if (is_radio && required) {
|
||
|
|
validations.push(this.valid_radio(el, required));
|
||
|
|
} else {
|
||
|
|
if (el_patterns[i][1].test(value) && valid_length ||
|
||
|
|
!required && el.value.length < 1) {
|
||
|
|
$(el).removeAttr('data-invalid').parent().removeClass('error');
|
||
|
|
validations.push(true);
|
||
|
|
} else {
|
||
|
|
$(el).attr('data-invalid', '').parent().addClass('error');
|
||
|
|
validations.push(false);
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return validations;
|
||
|
|
},
|
||
|
|
|
||
|
|
valid_radio : function (el, required) {
|
||
|
|
var name = el.getAttribute('name'),
|
||
|
|
group = document.getElementsByName(name),
|
||
|
|
count = group.length,
|
||
|
|
valid = false;
|
||
|
|
|
||
|
|
for (var i=0; i < count; i++) {
|
||
|
|
if (group[i].checked) valid = true;
|
||
|
|
}
|
||
|
|
|
||
|
|
for (var i=0; i < count; i++) {
|
||
|
|
if (valid) {
|
||
|
|
$(group[i]).removeAttr('data-invalid').parent().removeClass('error');
|
||
|
|
} else {
|
||
|
|
$(group[i]).attr('data-invalid', '').parent().addClass('error');
|
||
|
|
}
|
||
|
|
}
|
||
|
|
|
||
|
|
return valid;
|
||
|
|
}
|
||
|
|
};
|
||
|
|
}(Foundation.zj, this, this.document));
|