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 Validation.get('IsEmpty').test(v) || v.length >= opt }, maxLength: function(v, elm, opt) { return v.length <= opt }, maxLimit: function(v, elm, opt) { var tempClassName = new Array(); var maxLength; tempClassName = elm.className.split(" "); for (i = 0; i < tempClassName.length; i++) { if (tempClassName[i].indexOf("len-") == 0) { maxLength = parseInt(tempClassName[i].replace("len-", "")) } } return v.length <= maxLength }, 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.prototype = { initialize: function(form, options) { this.options = Object.extend({ onSubmit: true, stopOnFirst: false, immediate: false, focusOnError: true, useTitles: false, onFormValidate: function(result, form) { }, onElementValidate: function(result, elm) { } }, options || {}); this.form = $(form); this.validationGroup = null; if (this.options.onSubmit) Event.observe(this.form, 'submit', this.onSubmit.bind(this), false); if (this.options.immediate) { var useTitles = this.options.useTitles; var callback = this.options.onElementValidate; Form.getElements(this.form).each(function(input) { Event.observe(input, 'blur', function(ev) { Validation.validate(Event.element(ev), { useTitle: useTitles, onElementValidate: callback }) }) }) } }, onSubmit: function(ev) { if (!this.validate()) Event.stop(ev) }, validate: function() { var result = false; var useTitles = this.options.useTitles; var callback = this.options.onElementValidate; var validationGroup = this.validationGroup; if (this.options.stopOnFirst) { result = Form.getElements(this.form).all(function(elm) { return Validation.validate(elm, { useTitle: useTitles, onElementValidate: callback, validationGroup: validationGroup }) }) } else { result = Form.getElements(this.form).collect(function(elm) { return Validation.validate(elm, { useTitle: useTitles, onElementValidate: callback, validationGroup: validationGroup }) }).all() } if (!result && this.options.focusOnError) { Form.getElements(this.form).findAll(function(elm) { return $(elm).hasClassName('validation-failed') }).first().focus() } this.options.onFormValidate(result, this.form); return result }, reset: function() { Form.getElements(this.form).each(Validation.reset) } }; Object.extend(Validation, { validate: function(elm, options) { options = Object.extend({ useTitle: false, onElementValidate: function(result, elm) { }, validationGroup: null }, options || {}); elm = $(elm); Validation.reset(elm); var cn = elm.classNames(); return result = cn.all(function(value) { var test = Validation.test(value, elm, options.useTitle, options.validationGroup); options.onElementValidate(test, elm); return test }) }, test: function(name, elm, useTitle, validationGroup) { var v = Validation.get(name); var prop = '__advice' + name.camelize(); try { var doLoop = 0; var tempElm = elm; var checkValidate = false; if (validationGroup == null) { checkValidate = true } else { while (doLoop == 0) { if (tempElm.hasClassName) { if (tempElm.hasClassName(validationGroup)) { doLoop = 1; checkValidate = true } } if (tempElm.tagName) { if (tempElm.tagName.toLowerCase() == 'body') { doLoop = 1 } } tempElm = $(tempElm.parentNode) } } if (checkValidate) { if (Validation.isVisible(elm) && !v.test($F(elm), elm)) { if (!elm[prop]) { var advice = Validation.getAdvice(name, elm); if (advice == null) { var errorMsg = useTitle ? ((elm && elm.title) ? elm.title : v.error) : v.error; var tempClassName = new Array(); var maxLength; tempClassName = elm.className.split(" "); for (i = 0; i < tempClassName.length; i++) { if (tempClassName[i].indexOf("len-") == 0) { maxLength = parseInt(tempClassName[i].replace("len-", "")) } } errorMsg = errorMsg.replace("#maxLimit#", maxLength); if (elm.id == 'txtPho0' || elm.id == 'txtPho1' || elm.id.indexOf('chkCat0') >= 0) { advice = '<p id="advice-' + name + '-' + Validation.getElmID(elm) + '" ><b>&nbsp;</b><label class="validation-advice">' + errorMsg + '</label></p>' } else advice = '<span class="validation-advice" id="advice-' + name + '-' + Validation.getElmID(elm) + '" style="display:none">' + errorMsg + '</span>'; switch (elm.type.toLowerCase()) { case 'checkbox': var help = elm.id + 'help'; help = $(help); if (help) new Insertion.After(help, advice); else new Insertion.After(elm, advice); break; case 'radio': var p = elm.parentNode; if (p) { new Insertion.Bottom(p, advice) } else { new Insertion.After(elm, advice) } break; default: var help = elm.id + 'help'; help = $(help); if (help) new Insertion.After(help, advice); else new Insertion.After(elm, advice); break } advice = Validation.getAdvice(name, elm) } if (elm.id == 'txtPho0' || elm.id == 'txtPho1' || elm.id.indexOf('chkCat0') >= 0) { advice.style.display = 'block' } else { advice.style.display = 'inline' } } elm[prop] = true; elm.removeClassName('validation-passed'); elm.addClassName('validation-failed'); return false } else { var advice = Validation.getAdvice(name, elm); if (advice != null) advice.hide(); elm[prop] = ''; elm.removeClassName('validation-failed'); elm.addClassName('validation-passed'); return true } } else { elm.removeClassName('validation-failed'); elm.removeClassName('validation-passed'); 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)) }, getElmID: function(elm) { return elm.id ? elm.id : elm.name }, reset: function(elm) { elm = $(elm); var cn = elm.classNames(); cn.each(function(value) { var prop = '__advice' + value.camelize(); if (elm[prop]) { var advice = Validation.getAdvice(value, elm); advice.hide(); elm[prop] = '' } elm.removeClassName('validation-failed'); elm.removeClassName('validation-passed') }) }, 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 == null) || (v.length == 0)) }); Validation.add('NoRequired', '', function(v) { return true }); Validation.addAllThese([['required', 'Required', function(v) { return !Validation.get('IsEmpty').test(v) } ], ['required-noclass', 'Required', function(v) { return !Validation.get('IsEmpty').test(v) } ], ['required-zip-edit', 'Required', function(v) { if ($('C_M_rbtnDPROXvarSpp0Zip').checked == true) { return !Validation.get('IsEmpty').test(v) } else { return !/[^\d]/.test(v) } } ], ['required-zip-add', 'Required', function(v) { if ($('rbtnDPROXvarSpp0Zip').checked == true) { return !Validation.get('IsEmpty').test(v) } else { return !/[^\d]/.test(v) } } ], ['required-zip-add-quick', 'Required', function(v) { if ($('C_M_rbtnDPROXvarSpp0Zip').checked == true) { return !Validation.get('IsEmpty').test(v) } else { return !/[^\d]/.test(v) } } ], ['validate-number', 'Please enter a number', function(v) { return Validation.get('IsEmpty').test(v) || (!isNaN(v) && !/^\s+$/.test(v)) } ], ['validate-digits', 'Please enter digits only', function(v) { return Validation.get('IsEmpty').test(v) || !/[^\d]/.test(v) } ], ['validate-zip', 'Enter valid zip code.', function(v) { return Validation.get('IsEmpty').test(v) || /^[0-9]{5,5}$/.test(v) } ], ['validate-alpha', 'Please use letters only (a-z) in this field.', function(v) { return Validation.get('IsEmpty').test(v) || /^[a-zA-Z]+$/.test(v) } ], ['validate-alphanum', 'Please use only letters (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) || !/\W/.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-email', 'Invalid email address', function(v) { return Validation.get('IsEmpty').test(v) || /\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(v) } ], ['validate-email-confirm', 'Verify email is different', { equalToField: 'txEml'}], ['validate-url', 'Please enter a valid URL', function(v) { return Validation.get('IsEmpty').test(v) || /^http:\/\/www.$/.test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(v) } ], ['validate-url-http', 'Please enter a valid URL', function(v) { return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(v) } ], ['validate-date-au', 'Please use this date format: mm/dd/yyyy.', 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, '$1/$2/$3')); return (parseInt(RegExp.$1, 10) == (1 + d.getMonth())) && (parseInt(RegExp.$2, 10) == d.getDate()) && (parseInt(RegExp.$3, 10) == d.getFullYear()) } ], ['validate-currency-dollar', 'Please enter a valid $ amount. For example $100.00 .', function(v) { 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-selection', 'Please make a selection', function(v, elm) { return elm.options ? elm.selectedIndex > 0 : !Validation.get('IsEmpty').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-parent', 'Please select at least one category.', function(v, elm) { var p = elm.parentNode; p = p.parentNode; p = p.parentNode; var options = p.getElementsByTagName('INPUT'); return $A(options).any(function(elm) { return $F(elm) }) } ], ['validate-one-required-hotshot', 'Please select at least one category.', function(v, elm) { var p = elm.parentNode; p = p.parentNode; p = p.parentNode; p = p.parentNode; var options = p.getElementsByTagName('INPUT'); return $A(options).any(function(elm) { return $F(elm) }) } ], ['validate-password', 'Minimum 6 characters', { minLength: 6, notOneOf: ['password', 'PASSWORD', '1234567', '0123456']}], ['validate-password-confirm', 'Verify password is different', { equalToField: 'txPas'}], ['maxLimit', 'Maximum #maxLimit# characters', { maxLimit: 0}], ['phone10', 'Invalid Number', { minLength: 10}]]); function checkPassword(passwd, passStrength, barStrength, divpass) { var showPasswordStrength = document.getElementById(passStrength); var barPasswordStrength = document.getElementById(barStrength); var divPassword = document.getElementById(divpass); if (passwd == '') { showPasswordStrength.innerHTML = ''; divPassword.style.display = 'none'; return } divPassword.style.display = 'block'; var intScore = 0; if (passwd.length >= 6) intScore = intScore + 20; if (passwd.match(/[a-z]/)) intScore = intScore + 5; if (passwd.match(/[A-Z]/)) intScore = intScore + 5; if (passwd.match(/\d+/)) intScore = intScore + 5; if (intScore <= 25) { showPasswordStrength.innerHTML = 'Weak'; showPasswordStrength.className = 'RdTxt'; barPasswordStrength.className = 'RdStrg'; barPasswordStrength.style.width = '27px' } else if (intScore <= 30) { showPasswordStrength.innerHTML = 'Moderate'; showPasswordStrength.className = 'BlTxt'; barPasswordStrength.className = 'BlStrg'; barPasswordStrength.style.width = '54px' } else if (intScore <= 35) { showPasswordStrength.innerHTML = 'Strong'; showPasswordStrength.className = 'GrTxt'; barPasswordStrength.className = 'GrStrg'; barPasswordStrength.style.width = '81px' } }; function showHide(obj, action) { obj = document.getElementById(obj); if (action == 'show') obj.style.display = 'block'; else obj.style.display = 'none' };