// add more function to event Event.implement({ getCharCode: function(){ return (typeof(this.event.charCode) != "undefined") ? this.event.charCode : this.event.keyCode; }, getCharKey: function(){ var code = this.getCharCode(); return (code == 0) ? "" : String.fromCharCode(code); } }); // Find all element in a form by name. function $FS(selector, filter){ var elArr = new Array(); var form = filter ? $(filter) : false; for (var i = 0; i"); doc.close(); } }; // show mask function function showMask(){ try { $("maskIframe").set("styles", { "display": "block", "z-index": 990 }); } catch (e) { return false; } }; function hideMask(){ try { $("maskIframe").set("styles", { "display": "none" }); } catch (e) { return false; } }; // show frame function function showFrame(obj){ try { // ie fix combo box & activeX object if (Browser.Engine.trident4) { var el = $(obj); var dim = el.getCoordinates(); var iframeFx = $(el.id+"iframeFx"); if (!iframeFx) { iframeFx = new IFrame({ "id": el.id+"iframeFx", "src": "javascript:false;", "frameBorder": 0, "scrolling": "no", "styles": { "border": "0 none", "margin": 0, "padding": 0, "z-index": 998, "display": "none", "position": "absolute", "filter": "progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)" } }).inject(el, "before"); } // iframeFx.set("styles", { "visibility": "visible", "display": "block", "top": dim.top, "left": dim.left, "width": dim.width, "height": dim.height, "z-index": 998 }); } } catch (e) { return false; } }; function hideFrame(obj){ try { if (Browser.Engine.trident4) { $(obj.id+"iframeFx").set("styles", { "visibility": "hidden", "display": "none" }); } } catch (e) { return false; } }; // validate functions function Quote(str, s1, s2){ return str.substring(str.indexOf(s1) + s1.length, str.indexOf(s2)); } function isBlank(str){ return (typeof(str) == "undefined" || str == null || str.trim() == ""); } function isEmail(str){ var re = new RegExp("^\\w+((-\\w+)|(\\.\\w+))*\\@[A-Za-z0-9]+((\\.|-)[A-Za-z0-9]+)*\\.[A-Za-z0-9]{2,4}$"); return (str.search(re) != -1); } function isEmails(str){ var re = new RegExp("[;,]"); var arr = str.split(re); for (var i = 0; i < arr.length; i++) { if (!isEmail(arr[i].trim())) { return false; } } return true; }; function isImage(str){ var re = new RegExp("\\.(png|gif|bmp|jpg|jpeg|jpe)$", "i"); return (str.search(re) != -1); } function isPhone(str){ var re = new RegExp("^[ ()-.0-9]{3,}$"); return (str.search(re) != -1); } function isDate(format, str){ var re = new RegExp("[.\/-]"); var arr = str.split(re); if (arr.length != 3) { return false; } var y = parseInt(arr[format.indexOf("y")]); var m = parseInt(arr[format.indexOf("m")]); var d = parseInt(arr[format.indexOf("d")]); var date = new Date(y, m - 1, d); return (y == date.getFullYear() && m == date.getMonth() + 1 && d == date.getDate()); } function compareDate(format, date1, date2){ var re = new RegExp("[.\/-]"); var a1 = date1.split(re); var y1 = parseInt(a1[format.indexOf("y")]); var m1 = parseInt(a1[format.indexOf("m")]); var iDate1 = parseInt(a1[format.indexOf("d")]); if (date2) { var a2 = date2.split(re); var y2 = parseInt(a2[format.indexOf("y")]); var m2 = parseInt(a2[format.indexOf("m")]); var iDate2 = parseInt(a2[format.indexOf("d")]); } else { var date2 = new Date(); var y2 = date2.getFullYear(); var m2 = date2.getMonth() + 1; var iDate2 = date2.getDate(); } // if (y2 > y1) { return 1; } else if (y2 < y1) { return -1; } else { if (m2 > m1) { return 1; } else if (m2 < m1) { return -1; } else { if (iDate2 > iDate1) { return 1; } else if (iDate2 < iDate1) { return -1; } else { return 0; } } } } function isVisible(obj){ var el = $(obj).getParent(); while (el) { if (el.getStyle("display") == "none" || el.getStyle("visibility") == "hidden") { return false; } el = el.getParent(); } return true; } function isCreditCard(cardnumber, cardname){ // Define the cards we support. You may add addtional card types. // Name: As in the selection box of the form - must be same as user's // Length: List of possible valid lengths of the card number for the card // prefixes: List of possible prefixes for the card // checkdigit Boolean to say whether there is a check digit var cards = new Array({ name: "Visa", length: "13,16", prefixes: "4", checkdigit: true }, { name: "MasterCard", length: "16", prefixes: "51,52,53,54,55", checkdigit: true }, { name: "DinersClub", length: "14,16", prefixes: "300,301,302,303,304,305,36,38,55", checkdigit: true }, { name: "CarteBlanche", length: "14", prefixes: "300,301,302,303,304,305,36,38", checkdigit: true }, { name: "AmEx", length: "15", prefixes: "34,37", checkdigit: true }, { name: "Discover", length: "16", prefixes: "6011,650", checkdigit: true }, { name: "JCB", length: "15,16", prefixes: "3,1800,2131", checkdigit: true }, { name: "enRoute", length: "15", prefixes: "2014,2149", checkdigit: true }, { name: "Solo", length: "16,18,19", prefixes: "6334, 6767", checkdigit: true }, { name: "Switch", length: "16,18,19", prefixes: "4903,4905,4911,4936,564182,633110,6333,6759", checkdigit: true }, { name: "Maestro", length: "16,18", prefixes: "5020,6", checkdigit: true }, { name: "VisaElectron", length: "16", prefixes: "417500,4917,4913", checkdigit: true }); // Establish card type var cardType = -1; for (var i = 0; i < cards.length; i++) { // See if it is this card (ignoring the case of the string) if (cardname.toLowerCase() == cards[i].name.toLowerCase()) { cardType = i; break; } } // If card type not found, report an error if (cardType == -1) { return false; } // Ensure that the user has provided a credit card number if (cardnumber.length == 0) { return false; } // Now remove any spaces from the credit card number var re1 = new RegExp("\\s", "g"); cardnumber = cardnumber.replace(re1, ""); // Check that the number is numeric var cardNo = cardnumber var cardexp = new RegExp("^[0-9]{13,19}$"); if (!cardexp.exec(cardNo)) { return false; } // Now check the modulus 10 check digit - if required if (cards[cardType].checkdigit) { var checksum = 0; // running checksum total var mychar = ""; // next char to process var j = 1; // takes value of 1 or 2 // Process each digit one by one starting at the right var calc; for (i = cardNo.length - 1; i >= 0; i--) { // Extract the next digit and multiply by 1 or 2 on alternative digits. calc = Number(cardNo.charAt(i)) * j; // If the result is in two digits add 1 to the checksum total if (calc > 9) { checksum = checksum + 1; calc = calc - 10; } // Add the units element to the checksum total checksum = checksum + calc; // Switch the value of j if (j == 1) { j = 2 } else { j = 1 }; } // All done - if checksum is divisible by 10, it is a valid modulus 10. // If not, report an error. if (checksum % 10 != 0) { return false; } } // The following are the card-specific checks we undertake. var LengthValid = false; var PrefixValid = false; var undefined; // We use these for holding the valid lengths and prefixes of a card type var prefix = new Array(); var lengths = new Array(); // Load an array with the valid prefixes for this card prefix = cards[cardType].prefixes.split(","); // Now see if any of them match what we have in the card number for (i = 0; i < prefix.length; i++) { var exp = new RegExp("^" + prefix[i]); if (exp.test(cardNo)) PrefixValid = true; } // If it isn't a valid prefix there's no point at looking at the length if (!PrefixValid) { return false; } // See if the length is valid for this card lengths = cards[cardType].length.split(","); for (j = 0; j < lengths.length; j++) { if (cardNo.length == lengths[j]) LengthValid = true; } // See if all is OK by seeing if the length was valid. We only check the // length if all else was hunky dory. if (!LengthValid) { return false; }; // The credit card is in the required format. return true; } // FORM CLASS VALIDATION var htmlform = new Class({ initialize: function(obj){ var thisForm = this; // create mask initFrames(); // check & create for alert layer var alertLayer = new Element("div", { "id": obj.id+"Layer", "class": "alertLayer" }).inject(document.body); // var closeBtn = new Element("a", { "href": "javascript:;", "html": "x", "events": { "click": function(e){ thisForm.hideAlertLayer(); } } }).inject(alertLayer); var display = new Element("p").inject(alertLayer); // init form if (!$(obj.id)) { return false; } thisForm.form = $(obj.id); thisForm.form.layer = obj.layer; thisForm.form.behaviors = obj.behaviors; thisForm.form.errorElement = null; thisForm.data = obj.data; thisForm.alertLayer = alertLayer; thisForm.initForm(); }, initForm: function(){ var thisForm = this; for (var i = 0; i < thisForm.data.length; i++) { // init elements for (var j = 0; j < thisForm.form.elements.length; j++) { var el = thisForm.form.elements[j]; if (el.name == thisForm.data[i].field) { thisForm.initElement(el, thisForm.data[i]); } } } // valid form on submit thisForm.form.addEvent("submit", function(e){ if (!thisForm.isValidForm(this)) { new Event(e).stop(); } else { // call back if (thisForm.form.behaviors && thisForm.form.behaviors.onSubmit) { thisForm.form.behaviors.onSubmit(thisForm.form, thisForm); new Event(e).stop(); } } }); }, initElement: function(obj, data){ var thisForm = this; var el = $(obj); // add new properties if (!el.$form) { el.$form = new Object(); } for (var i in data) { el.$form[i] = data[i]; } el.validated = true; // init behaviors if (typeof(el.$form.init) != "undefined") { // if the input has its initialized value if (el.type == "text" || el.type == "textarea" || el.type == "password") { el.value = el.$form.init; el.addEvents({ "focus": function(){ if (this.value == this.$form.init) { this.value = ""; } }, "blur": function(){ if (this.value.trim() == "") { this.value = this.$form.init; } } }); } if (el.type == "radio") { el.checked = el.$form.init; } if (el.type == "select-one" || el.type == "select-multiple") { el.selectedIndex = Number(el.$form.init); } if (el.type == "radio") { el.selectedIndex = Number(el.$form.init); } } // apply maxlength to textarea if (typeof(el.$form.maxLength) != "undefined" && (el.type == "textarea" || el.type == "text" || el.type == "password")) { // maximum input characters if (el.type == "textarea"){ el.addEvent("keypress", function(e){ var evt = new Event(e); var code = evt.getCharCode(); if (this.value.length >= this.$form.maxLength && code != 0) { evt.stop(); } }); } else { el.maxLength = el.$form.maxLength; } } // restrict input characters if (typeof(el.$form.restrict) != "undefined" && (el.type == "textarea" || el.type == "text" || el.type == "password")) { el.addEvent("keypress", function(e){ var evt = new Event(e); var key = evt.getCharKey(); var re = new RegExp(this.$form.restrict); if (key != "" && !re.test(key)) { evt.stop(); } }); } // hide alert & execute call back functions el.addEvents({ "click": function(e){ this.validated = thisForm.validFormElement(this); setCallBack(el); }, "keyup": function(e){ this.validated = thisForm.validFormElement(this); setCallBack(el); }, "change": function(e){ this.validated = thisForm.validFormElement(this); setCallBack(el); }, "blur": function(e){ this.validated = thisForm.validFormElement(this); setCallBack(el); } }); // set call back function function setCallBack(elObj) { var form = elObj.form; if (elObj.$form.behaviors && elObj.$form.behaviors.onAfterChange) {elObj.$form.behaviors.onAfterChange(elObj);} if (form.behaviors && form.behaviors.onAfterChange) {form.behaviors.onAfterChange(elObj);} // hide alert layer thisForm.hideAlertLayer(); } }, isValidForm: function (formObj){ var thisForm = this; for (var i = 0; i < formObj.elements.length; i++) { formObj.elements[i].validated = thisForm.validFormElement(formObj.elements[i]); if (!formObj.elements[i].validated) { thisForm.showAlertLayer(formObj.elements[i]); return false; } } return true; }, validFormElement: function(obj){ var thisForm = this; var el = $(obj); // if (!el.$form) if (!el.$form) { return true; } // valid types switch (typeof(el.$form.valid)) { case "function": return el.$form.valid(); break; case "string": // no valid needed if (typeof(el.$form.valid) == "undefined" || el.$form.valid == null || el.$form.valid.trim() == "" || el.$form.valid.trim() == "none") { return true; } var validTag = el.$form.valid.trim(); // compare to other input's value if (validTag.indexOf("=") != -1 && validTag.indexOf(">") == -1 && validTag.indexOf("<") == -1) { if (el.type == "text" || el.type == "password") { var target = $F(validTag.replace("=", ""), el.form); return !target || el.value.trim() == target.value.trim(); } // other type return true; } if (validTag.indexOf(">") != -1) { if (el.type == "text" || el.type == "password") { var target = $F(validTag.replace("=", ""), el.form); if (validTag.indexOf("=") != -1) { return !target || Number(el.value.trim()) >= Number(target.value.trim()); } else { return !target || Number(el.value.trim()) > Number(target.value.trim()); } } // other type return true; } if (validTag.indexOf("<") != -1) { if (el.type == "text" || el.type == "password") { var target = $(validTag.replace("=", "")); if (validTag.indexOf("=") != -1) { return !target || Number(el.value.trim()) <= Number(target.value.trim()); } else { return !target || Number(el.value.trim()) < Number(target.value.trim()); } } // other type return true; } // required value if (validTag.indexOf("required") != -1) { if (el.type != "text" && el.type != "textarea" && el.type != "password") { return true; } if (!el.$form || !el.$form.init || el.$form.init == "") { return el.value.trim().length >= Math.max(Number(Quote(validTag, "(", ")")), 1); } else { return el.value.trim().length >= Math.max(Number(Quote(validTag, "(", ")")), 1) && el.value.trim() != el.$form.init; } // other type return true; } // range value if (validTag.indexOf("range") != -1) { if (el.type == "text") { var range = Quote(validTag, "(", ")").trim().split(";"); if (range[0].trim() == "" && range[1].trim() == "") return true; if (range[0].trim() == "") return Number(el.value.trim()) <= Number(range[1].trim()); if (range[1].trim() == "") return Number(el.value.trim()) >= Number(range[0].trim()); return Number(el.value.trim()) >= Number(range[0].trim()) && Number(el.value.trim()) <= Number(range[1].trim()); } // other type return true; } // email value if (validTag.indexOf("email") != -1) { if (el.type == "text" || el.type == "textarea") { // if optional input & value is null or value = init value if (validTag.indexOf("[") != -1 && validTag.indexOf("]") != -1 && (isBlank(el.value) || (el.$form && el.$form.init && el.value.trim() == el.$form.init))) { return true; } // validate email(s) if (validTag.indexOf("emails") != -1) { return isEmails(el.value.trim()); } return isEmail(el.value.trim()); } // other type return true; } // phone value if (validTag.indexOf("date") != -1) { if (el.type == "text") { var fmt = Quote(validTag, "(", ")").trim(); // if optional input & value is null or value = init value if (validTag.indexOf("[") != -1 && validTag.indexOf("]") != -1 && (isBlank(el.value) || (el.$form && el.$form.init && el.value.trim() == el.$form.init))) { return true; } // validate phone return isDate(fmt, el.value.trim()); } // other type return true; } // phone value if (validTag.indexOf("phone") != -1) { if (el.type == "text") { // if optional input & value is null or value = init value if (validTag.indexOf("[") != -1 && validTag.indexOf("]") != -1 && (isBlank(el.value) || (el.$form && el.$form.init && el.value.trim() == el.$form.init))) { return true; } // validate phone return isPhone(el.value.trim()); } // other type return true; } // image value if (validTag.indexOf("image") != -1) { if (el.type == "text" || el.type == "file") { // if optional input & value is null or value = init value if (validTag.indexOf("[") != -1 && validTag.indexOf("]") != -1 && (isBlank(el.value) || (el.$form && el.$form.init && el.value.trim() == el.$form.init))) { return true; } // validate image return isImage(el.value.trim()); } // other type return true; } // "future" compare date if (validTag.indexOf("future") !== -1) { if (el.type == "text") { // if optional input & value is null or value = init value if (validTag.indexOf("[") != -1 && validTag.indexOf("]") != -1 && (isBlank(el.value) || (el.$form && el.$form.init && el.value.trim() == el.$form.init))) { return true; } var range = Quote(validTag, "(", ")").split(","); if (range.length == 0) { return true; } if (!isDate(range[0].trim(), el.value.trim()) || (range[1] && $F(range[1].trim(), el.form) && !isDate(range[0].trim(), $F(range[1].trim(), el.form).value.trim()))) { return false; } if (range[1] && $F(range[1].trim(), el.form)) { return (compareDate(range[0].trim(), el.value.trim(), $F(range[1].trim(), el.form).value.trim()) == -1); } else { return (compareDate(range[0].trim(), el.value.trim()) == -1); } } // other type return true; } // "checked" for checkbox & radio button if (validTag == "checked") { if (el.type == "checkbox") { return el.checked; } if (el.type == "radio") { var radioGroup = el.form[el.name]; // contain 1 radio button if (radioGroup && !radioGroup.length) { return radioGroup.checked; } // more than 1 radio button for (var i = 0; i < radioGroup.length; i++) { if (radioGroup[i].checked) { return true; } } return false; } // other type return true; } // "selected" for combo box if (validTag == "selected") { if (el.type == "select-one" || el.type == "select-multiple") { if (typeof(el.$form.init) != "undefined") { return el.selectedIndex != Number(el.$form.init); } else { return el.selectedIndex != 0; } } // other type return true; } return true; break; default: return true; break; } }, showAlertLayer: function(obj){ try { var thisForm = this; var form = obj.form; var alertLyr = thisForm.alertLayer; form.errorElement = obj; // call back functions if (obj.$form.behaviors && obj.$form.behaviors.onAlertShow) {obj.$form.behaviors.onAlertShow(obj);} if (form.behaviors && form.behaviors.onAlertShow) {form.behaviors.onAlertShow(obj);} // display alert message thisForm.alertLayer.getElement("p").set("html", obj.$form.alert); // show alert var alertType = obj.$form.layer && obj.$form.layer.type ? obj.$form.layer.type : form.layer.type ? form.layer.type : "alert"; var offset = obj.$form.layer && obj.$form.layer.offset ? obj.$form.layer.offset.split(",") : ["0", "0"]; var lyrW = obj.$form.layer && obj.$form.layer.layerWidth ? obj.$form.layer.layerWidth : form.layer.layerWidth ? form.layer.layerWidth : 200; switch (alertType) { case "layer": var dim = $(obj).getCoordinates(); alertLyr.set("styles", { "visibility": "visible", "display": "block", "top": (dim.top + dim.height + Number(offset[1].trim())) + "px", "left": (dim.left + Number(offset[0].trim())) + "px", "width": lyrW + "px", "z-index": 999 }).addClass("layer"); // set Iframe to hide combo box in IE showFrame(thisForm.alertLayer); break; case "popup": var dim = thisForm.alertLayer.getCoordinates(); alertLyr.set("styles", { visibility: "visible", display: "block", top: (window.getScrollTop() + window.getHeight() / 2 - dim.height / 2 + Number(offset[1].trim())) + "px", left: (window.getWidth() / 2 - lyrW / 2 + Number(offset[0].trim())) + "px", width: lyrW + "px", zIndex: 999 }).addClass("popup"); // fade HTML content if (obj.$form.layer.fadeContent == true) { showMask(); } break; case "classic": alert(obj.$form.alert); break; default: break; } // set focus obj.focus(); // autohide alert setTimeout(thisForm.hideAlertLayer, 3000); } catch (e) {} }, hideAlertLayer: function(){ try { var thisForm = this; var obj = thisForm.form.errorElement; if (obj) { var form = obj.form; // call back functions if (obj.$form.behaviors && obj.$form.behaviors.onAlertHide) {obj.$form.behaviors.onAlertHide(obj);} if (form.behaviors && form.behaviors.onAlertHide) {form.behaviors.onAlertHide(obj);} } // hide frame thisForm.alertLayer.setStyle("visibility", "hidden"); hideFrame(thisForm.alertLayer); hideMask(); } catch (e) {} } });