/* * Really easy field validation with Prototype * http://tetlaw.id.au/view/javascript/really-easy-field-validation * Andrew Tetlaw * Version 1.5.4.1 (2007-01-05) * * Copyright (c) 2007 Andrew Tetlaw * Permission is hereby granted, free of charge, to any person * obtaining a copy of this software and associated documentation * files (the "Software"), to deal in the Software without * restriction, including without limitation the rights to use, copy, * modify, merge, publish, distribute, sublicense, and/or sell copies * of the Software, and to permit persons to whom the Software is * furnished to do so, subject to the following conditions: * * The above copyright notice and this permission notice shall be * included in all copies or substantial portions of the Software. * * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF * MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS * BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN * ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN * CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE * SOFTWARE. * */ var Validator = Class.create(); Validator.prototype = { initialize : function(className, error, test, options) { if(typeof test == 'function'){ this.options = $H(options); this._test = test; } else { this.options = $H(test); this._test = function(){return true}; } this.error = error || 'Validation failed.'; this.className = className; }, test : function(v, elm) { return (this._test(v,elm) && this.options.all(function(p){ return Validator.methods[p.key] ? Validator.methods[p.key](v,elm,p.value) : true; })); } } Validator.methods = { pattern : function(v,elm,opt) {return Validation.get('IsEmpty').test(v) || opt.test(v)}, minLength : function(v,elm,opt) {return v.length >= opt}, maxLength : function(v,elm,opt) {return v.length <= opt}, min : function(v,elm,opt) {return v >= parseFloat(opt)}, max : function(v,elm,opt) {return v <= parseFloat(opt)}, notOneOf : function(v,elm,opt) {return $A(opt).all(function(value) { return v != value; })}, oneOf : function(v,elm,opt) {return $A(opt).any(function(value) { return v == value; })}, is : function(v,elm,opt) {return v == opt}, isNot : function(v,elm,opt) {return v != opt}, equalToField : function(v,elm,opt) {return v == $F(opt)}, notEqualToField : function(v,elm,opt) {return v != $F(opt)}, include : function(v,elm,opt) {return $A(opt).all(function(value) { return Validation.get(value).test(v,elm); })} } var Validation = Class.create(); Validation.defaultOptions = { onSubmit : true, stopOnFirst : false, immediate : false, focusOnError : true, useTitles : false, addClassNameToContainer: false, containerClassName: '.input-box', onFormValidate : function(result, form) {}, onElementValidate : function(result, elm) {} }; Validation.prototype = { initialize : function(form, options){ this.form = $(form); if (!this.form) { return; } this.options = Object.extend({ onSubmit : Validation.defaultOptions.onSubmit, stopOnFirst : Validation.defaultOptions.stopOnFirst, immediate : Validation.defaultOptions.immediate, focusOnError : Validation.defaultOptions.focusOnError, useTitles : Validation.defaultOptions.useTitles, onFormValidate : Validation.defaultOptions.onFormValidate, onElementValidate : Validation.defaultOptions.onElementValidate }, options || {}); if(this.options.onSubmit) Event.observe(this.form,'submit',this.onSubmit.bind(this),false); if(this.options.immediate) { Form.getElements(this.form).each(function(input) { // Thanks Mike! if (input.tagName.toLowerCase() == 'select') { Event.observe(input, 'blur', this.onChange.bindAsEventListener(this)); } if (input.type.toLowerCase() == 'radio' || input.type.toLowerCase() == 'checkbox') { Event.observe(input, 'click', this.onChange.bindAsEventListener(this)); } else { Event.observe(input, 'change', this.onChange.bindAsEventListener(this)); } }, this); } }, onChange : function (ev) { Validation.isOnChange = true; Validation.validate(Event.element(ev),{ useTitle : this.options.useTitles, onElementValidate : this.options.onElementValidate }); Validation.isOnChange = false; }, onSubmit : function(ev){ if(!this.validate()) Event.stop(ev); }, validate : function() { var result = false; var useTitles = this.options.useTitles; var callback = this.options.onElementValidate; try { if(this.options.stopOnFirst) { result = Form.getElements(this.form).all(function(elm) { if (elm.hasClassName('local-validation') && !this.isElementInForm(elm, this.form)) { return true; } return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); }, this); } else { result = Form.getElements(this.form).collect(function(elm) { if (elm.hasClassName('local-validation') && !this.isElementInForm(elm, this.form)) { return true; } return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); }, this).all(); } } catch (e) { } if(!result && this.options.focusOnError) { try{ Form.getElements(this.form).findAll(function(elm){return $(elm).hasClassName('validation-failed')}).first().focus() } catch(e){ } } this.options.onFormValidate(result, this.form); return result; }, reset : function() { Form.getElements(this.form).each(Validation.reset); }, isElementInForm : function(elm, form) { var domForm = elm.up('form'); if (domForm == form) { return true; } return false; } } Object.extend(Validation, { validate : function(elm, options){ options = Object.extend({ useTitle : false, onElementValidate : function(result, elm) {} }, options || {}); elm = $(elm); var cn = $w(elm.className); return result = cn.all(function(value) { var test = Validation.test(value,elm,options.useTitle); options.onElementValidate(test, elm); return test; }); }, insertAdvice : function(elm, advice){ var container = $(elm).up('.field-row'); if(container){ Element.insert(container, {after: advice}); } else if (elm.up('td.value')) { elm.up('td.value').insert({bottom: advice}); } else if (elm.advaiceContainer && $(elm.advaiceContainer)) { $(elm.advaiceContainer).update(advice); } else { switch (elm.type.toLowerCase()) { case 'checkbox': case 'radio': var p = elm.parentNode; if(p) { Element.insert(p, {'bottom': advice}); } else { Element.insert(elm, {'after': advice}); } break; default: Element.insert(elm, {'after': advice}); } } }, showAdvice : function(elm, advice, adviceName){ if(!elm.advices){ elm.advices = new Hash(); } else{ elm.advices.each(function(pair){ if (!advice || pair.value.id != advice.id) { // hide non-current advice after delay this.hideAdvice(elm, pair.value); } }.bind(this)); } elm.advices.set(adviceName, advice); if(typeof Effect == 'undefined') { advice.style.display = 'block'; } else { if(!advice._adviceAbsolutize) { new Effect.Appear(advice, {duration : 1 }); } else { Position.absolutize(advice); advice.show(); advice.setStyle({ 'top':advice._adviceTop, 'left': advice._adviceLeft, 'width': advice._adviceWidth, 'z-index': 1000 }); advice.addClassName('advice-absolute'); } } }, hideAdvice : function(elm, advice){ if (advice != null) { new Effect.Fade(advice, {duration : 1, afterFinishInternal : function() {advice.hide();}}); } }, updateCallback : function(elm, status) { if (typeof elm.callbackFunction != 'undefined') { eval(elm.callbackFunction+'(\''+elm.id+'\',\''+status+'\')'); } }, ajaxError : function(elm, errorMsg) { var name = 'validate-ajax'; var advice = Validation.getAdvice(name, elm); if (advice == null) { advice = this.createAdvice(name, elm, false, errorMsg); } this.showAdvice(elm, advice, 'validate-ajax'); this.updateCallback(elm, 'failed'); elm.addClassName('validation-failed'); elm.addClassName('validate-ajax'); if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') { var container = elm.up(Validation.defaultOptions.containerClassName); if (container && this.allowContainerClassName(elm)) { container.removeClassName('validation-passed'); container.addClassName('validation-error'); } } }, allowContainerClassName: function (elm) { if (elm.type == 'radio' || elm.type == 'checkbox') { return elm.hasClassName('change-container-classname'); } return true; }, test : function(name, elm, useTitle) { var v = Validation.get(name); var prop = '__advice'+name.camelize(); try { if(Validation.isVisible(elm) && !v.test($F(elm), elm)) { //if(!elm[prop]) { var advice = Validation.getAdvice(name, elm); if (advice == null) { advice = this.createAdvice(name, elm, useTitle); } this.showAdvice(elm, advice, name); this.updateCallback(elm, 'failed'); //} elm[prop] = 1; if (!elm.advaiceContainer) { elm.removeClassName('validation-passed'); elm.addClassName('validation-failed'); } if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') { var container = elm.up(Validation.defaultOptions.containerClassName); if (container && this.allowContainerClassName(elm)) { container.removeClassName('validation-passed'); container.addClassName('validation-error'); } } return false; } else { var advice = Validation.getAdvice(name, elm); this.hideAdvice(elm, advice); this.updateCallback(elm, 'passed'); elm[prop] = ''; elm.removeClassName('validation-failed'); elm.addClassName('validation-passed'); if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') { var container = elm.up(Validation.defaultOptions.containerClassName); if (container && !container.down('.validation-failed') && this.allowContainerClassName(elm)) { if (!Validation.get('IsEmpty').test(elm.value) || !this.isVisible(elm)) { container.addClassName('validation-passed'); } else { container.removeClassName('validation-passed'); } container.removeClassName('validation-error'); } } return true; } } catch(e) { throw(e) } }, isVisible : function(elm) { while(elm.tagName != 'BODY') { if(!$(elm).visible()) return false; elm = elm.parentNode; } return true; }, getAdvice : function(name, elm) { return $('advice-' + name + '-' + Validation.getElmID(elm)) || $('advice-' + Validation.getElmID(elm)); }, createAdvice : function(name, elm, useTitle, customError) { var v = Validation.get(name); var errorMsg = useTitle ? ((elm && elm.title) ? elm.title : v.error) : v.error; if (customError) { errorMsg = customError; } try { if (Translator){ errorMsg = Translator.translate(errorMsg); } } catch(e){} advice = '
' Validation.insertAdvice(elm, advice); advice = Validation.getAdvice(name, elm); if($(elm).hasClassName('absolute-advice')) { var dimensions = $(elm).getDimensions(); var originalPosition = Position.cumulativeOffset(elm); advice._adviceTop = (originalPosition[1] + dimensions.height) + 'px'; advice._adviceLeft = (originalPosition[0]) + 'px'; advice._adviceWidth = (dimensions.width) + 'px'; advice._adviceAbsolutize = true; } return advice; }, getElmID : function(elm) { return elm.id ? elm.id : elm.name; }, reset : function(elm) { elm = $(elm); var cn = $w(elm.className); cn.each(function(value) { var prop = '__advice'+value.camelize(); if(elm[prop]) { var advice = Validation.getAdvice(value, elm); if (advice) { advice.hide(); } elm[prop] = ''; } elm.removeClassName('validation-failed'); elm.removeClassName('validation-passed'); if (Validation.defaultOptions.addClassNameToContainer && Validation.defaultOptions.containerClassName != '') { var container = elm.up(Validation.defaultOptions.containerClassName); if (container) { container.removeClassName('validation-passed'); container.removeClassName('validation-error'); } } }); }, add : function(className, error, test, options) { var nv = {}; nv[className] = new Validator(className, error, test, options); Object.extend(Validation.methods, nv); }, addAllThese : function(validators) { var nv = {}; $A(validators).each(function(value) { nv[value[0]] = new Validator(value[0], value[1], value[2], (value.length > 3 ? value[3] : {})); }); Object.extend(Validation.methods, nv); }, get : function(name) { return Validation.methods[name] ? Validation.methods[name] : Validation.methods['_LikeNoIDIEverSaw_']; }, methods : { '_LikeNoIDIEverSaw_' : new Validator('_LikeNoIDIEverSaw_','',{}) } }); Validation.add('IsEmpty', '', function(v) { return (v == '' || (v == null) || (v.length == 0) || /^\s+$/.test(v)); }); Validation.addAllThese([ ['validate-no-html-tags', 'HTML tags are not allowed', function(v) { return !/<(\/)?\w+/.test(v); }], ['validate-select', 'Please select an option.', function(v) { return ((v != "none") && (v != null) && (v.length != 0)); }], ['required-entry', 'This is a required field.', function(v) { return !Validation.get('IsEmpty').test(v); }], ['validate-number', 'Please enter a valid number in this field.', function(v) { return Validation.get('IsEmpty').test(v) || (!isNaN(parseNumber(v)) && /^\s*-?\d*(\.\d*)?\s*$/.test(v)); }], ['validate-number-range', 'The value is not within the specified range.', function(v, elm) { if (Validation.get('IsEmpty').test(v)) { return true; } var numValue = parseNumber(v); if (isNaN(numValue)) { return false; } var reRange = /^number-range-(-?[\d.,]+)?-(-?[\d.,]+)?$/, result = true; $w(elm.className).each(function(name) { var m = reRange.exec(name); if (m) { result = result && (m[1] == null || m[1] == '' || numValue >= parseNumber(m[1])) && (m[2] == null || m[2] == '' || numValue <= parseNumber(m[2])); } }); return result; }], ['validate-digits', 'Please use numbers only in this field. Please avoid spaces or other characters such as dots or commas.', function(v) { return Validation.get('IsEmpty').test(v) || !/[^\d]/.test(v); }], ['validate-digits-range', 'The value is not within the specified range.', function(v, elm) { if (Validation.get('IsEmpty').test(v)) { return true; } var numValue = parseNumber(v); if (isNaN(numValue)) { return false; } var reRange = /^digits-range-(-?\d+)?-(-?\d+)?$/, result = true; $w(elm.className).each(function(name) { var m = reRange.exec(name); if (m) { result = result && (m[1] == null || m[1] == '' || numValue >= parseNumber(m[1])) && (m[2] == null || m[2] == '' || numValue <= parseNumber(m[2])); } }); return result; }], ['validate-alpha', 'Please use letters only (a-z or A-Z) in this field.', function (v) { return Validation.get('IsEmpty').test(v) || /^[a-zA-Z]+$/.test(v) }], ['validate-code', 'Please use only letters (a-z), numbers (0-9) or underscore(_) in this field, first character should be a letter.', function (v) { return Validation.get('IsEmpty').test(v) || /^[a-z]+[a-z0-9_]+$/.test(v) }], ['validate-alphanum', 'Please use only letters (a-z or A-Z) or numbers (0-9) only in this field. No spaces or other characters are allowed.', function(v) { return Validation.get('IsEmpty').test(v) || /^[a-zA-Z0-9]+$/.test(v) }], ['validate-alphanum-with-spaces', 'Please use only letters (a-z or A-Z), numbers (0-9) or spaces only in this field.', function(v) { return Validation.get('IsEmpty').test(v) || /^[a-zA-Z0-9 ]+$/.test(v) }], ['validate-street', 'Please use only letters (a-z or A-Z) or numbers (0-9) or spaces and # only in this field.', function(v) { return Validation.get('IsEmpty').test(v) || /^[ \w]{3,}([A-Za-z]\.)?([ \w]*\#\d+)?(\r\n| )[ \w]{3,}/.test(v) }], ['validate-phoneStrict', 'Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.', function(v) { return Validation.get('IsEmpty').test(v) || /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/.test(v); }], ['validate-phoneLax', 'Please enter a valid phone number. For example (123) 456-7890 or 123-456-7890.', function(v) { return Validation.get('IsEmpty').test(v) || /^((\d[-. ]?)?((\(\d{3}\))|\d{3}))?[-. ]?\d{3}[-. ]?\d{4}$/.test(v); }], ['validate-fax', 'Please enter a valid fax number. For example (123) 456-7890 or 123-456-7890.', function(v) { return Validation.get('IsEmpty').test(v) || /^(\()?\d{3}(\))?(-|\s)?\d{3}(-|\s)\d{4}$/.test(v); }], ['validate-date', 'Please enter a valid date.', function(v) { var test = new Date(v); return Validation.get('IsEmpty').test(v) || !isNaN(test); }], ['validate-date-range', 'The From Date value should be less than or equal to the To Date value.', function(v, elm) { var m = /\bdate-range-(\w+)-(\w+)\b/.exec(elm.className); if (!m || m[2] == 'to' || Validation.get('IsEmpty').test(v)) { return true; } var currentYear = new Date().getFullYear() + ''; var normalizedTime = function(v) { v = v.split(/[.\/]/); if (v[2] && v[2].length < 4) { v[2] = currentYear.substr(0, v[2].length) + v[2]; } return new Date(v.join('/')).getTime(); }; var dependentElements = Element.select(elm.form, '.validate-date-range.date-range-' + m[1] + '-to'); return !dependentElements.length || Validation.get('IsEmpty').test(dependentElements[0].value) || normalizedTime(v) <= normalizedTime(dependentElements[0].value); }], ['validate-email', 'Please enter a valid email address. For example johndoe@domain.com.', function (v) { //return Validation.get('IsEmpty').test(v) || /\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(v) //return Validation.get('IsEmpty').test(v) || /^[\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9][\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9\.]{1,30}[\!\#$%\*/?|\^\{\}`~&\'\+\-=_a-z0-9]@([a-z0-9_-]{1,30}\.){1,5}[a-z]{2,4}$/i.test(v) return Validation.get('IsEmpty').test(v) || /^([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9,!\#\$%&'\*\+\/=\?\^_`\{\|\}~-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*@([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z0-9-]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*\.(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]){2,})$/i.test(v) }], ['validate-emailSender', 'Please use only visible characters and spaces.', function (v) { return Validation.get('IsEmpty').test(v) || /^[\S ]+$/.test(v) }], ['validate-password', 'Please enter 6 or more characters. Leading or trailing spaces will be ignored.', function(v) { var pass=v.strip(); /*strip leading and trailing spaces*/ return !(pass.length>0 && pass.length < 6); }], ['validate-admin-password', 'Please enter 7 or more characters. Password should contain both numeric and alphabetic characters.', function(v) { var pass=v.strip(); if (0 == pass.length) { return true; } if (!(/[a-z]/i.test(v)) || !(/[0-9]/.test(v))) { return false; } return !(pass.length < 7); }], ['validate-cpassword', 'Please make sure your passwords match.', function(v) { var conf = $('confirmation') ? $('confirmation') : $$('.validate-cpassword')[0]; var pass = false; if ($('password')) { pass = $('password'); } var passwordElements = $$('.validate-password'); for (var i = 0; i < passwordElements.size(); i++) { var passwordElement = passwordElements[i]; if (passwordElement.up('form').id == conf.up('form').id) { pass = passwordElement; } } if ($$('.validate-admin-password').size()) { pass = $$('.validate-admin-password')[0]; } return (pass.value == conf.value); }], ['validate-both-passwords', 'Please make sure your passwords match.', function(v, input) { var dependentInput = $(input.form[input.name == 'password' ? 'confirmation' : 'password']), isEqualValues = input.value == dependentInput.value; if (isEqualValues && dependentInput.hasClassName('validation-failed')) { Validation.test(this.className, dependentInput); } return dependentInput.value == '' || isEqualValues; }], ['validate-url', 'Please enter a valid URL. Protocol is required (http://, https:// or ftp://)', function (v) { v = (v || '').replace(/^\s+/, '').replace(/\s+$/, ''); return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))(\.[A-Z0-9]([A-Z0-9_-]*[A-Z0-9]|))*)(:(\d+))?(\/[A-Z0-9~](([A-Z0-9_~-]|\.)*[A-Z0-9~]|))*\/?(.*)?$/i.test(v) }], ['validate-clean-url', 'Please enter a valid URL. For example http://www.example.com or www.example.com', function (v) { return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i.test(v) || /^(www)((\.[A-Z0-9][A-Z0-9_-]*)+.(com|org|net|dk|at|us|tv|info|uk|co.uk|biz|se)$)(:(\d+))?\/?/i.test(v) }], ['validate-identifier', 'Please enter a valid URL Key. For example "example-page", "example-page.html" or "anotherlevel/example-page".', function (v) { return Validation.get('IsEmpty').test(v) || /^[a-z0-9][a-z0-9_\/-]+(\.[a-z0-9_-]+)?$/.test(v) }], ['validate-xml-identifier', 'Please enter a valid XML-identifier. For example something_1, block5, id-4.', function (v) { return Validation.get('IsEmpty').test(v) || /^[A-Z][A-Z0-9_\/-]*$/i.test(v) }], ['validate-ssn', 'Please enter a valid social security number. For example 123-45-6789.', function(v) { return Validation.get('IsEmpty').test(v) || /^\d{3}-?\d{2}-?\d{4}$/.test(v); }], ['validate-zip', 'Please enter a valid zip code. For example 90602 or 90602-1234.', function(v) { return Validation.get('IsEmpty').test(v) || /(^\d{5}$)|(^\d{5}-\d{4}$)/.test(v); }], ['validate-zip-international', 'Please enter a valid zip code.', function(v) { //return Validation.get('IsEmpty').test(v) || /(^[A-z0-9]{2,10}([\s]{0,1}|[\-]{0,1})[A-z0-9]{2,10}$)/.test(v); return true; }], ['validate-date-au', 'Please use this date format: dd/mm/yyyy. For example 17/03/2006 for the 17th of March, 2006.', function(v) { if(Validation.get('IsEmpty').test(v)) return true; var regex = /^(\d{2})\/(\d{2})\/(\d{4})$/; if(!regex.test(v)) return false; var d = new Date(v.replace(regex, '$2/$1/$3')); return ( parseInt(RegExp.$2, 10) == (1+d.getMonth()) ) && (parseInt(RegExp.$1, 10) == d.getDate()) && (parseInt(RegExp.$3, 10) == d.getFullYear() ); }], ['validate-currency-dollar', 'Please enter a valid $ amount. For example $100.00.', function(v) { // [$]1[##][,###]+[.##] // [$]1###+[.##] // [$]0.## // [$].## return Validation.get('IsEmpty').test(v) || /^\$?\-?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}\d*(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/.test(v) }], ['validate-one-required', 'Please select one of the above options.', function (v,elm) { var p = elm.parentNode; var options = p.getElementsByTagName('INPUT'); return $A(options).any(function(elm) { return $F(elm); }); }], ['validate-one-required-by-name', 'Please select one of the options.', function (v,elm) { var inputs = $$('input[name="' + elm.name.replace(/([\\"])/g, '\\$1') + '"]'); var error = 1; for(var i=0;i