// ---------------------------------------------------------------------- // Javascript form validation routines. // Author: Stephen Poley // // Simple routines to quickly pick up obvious typos. // All validation routines return true if executed by an older browser: // in this case validation must be left to the server. // ---------------------------------------------------------------------- emptyString = /^\s*$/ // ----------------------------------------- // trim // Trim leading/trailing whitespace off string // ----------------------------------------- function trim(str) { return str.replace(/^\s+|\s+$/g, '') }; // ----------------------------------------- // msg // Display warn/error message in HTML element // commonCheck routine must have previously been called // ----------------------------------------- function msg(fld, // id of element to display message in msgtype, // class to give element ("warn" or "error") message) // string to display { // setting an empty string can give problems if later set to a // non-empty string, so slip in an nbsp if needed var dispmessage; if (emptyString.test(message)) dispmessage = " "; else dispmessage = message; var elem = document.getElementById(fld); if (elem.firstChild && (elem.firstChild.nodeType == 1)) elem.firstChild.nodeValue = dispmessage; // DOM method else elem.innerHTML = dispmessage; // IE method elem.className = msgtype; }; // ----------------------------------------- // commonCheck // Common code for all validation routines to: // (a) check for older / less-equipped browsers // (b) check if empty fields are required // Returns true (validation passed), // false (validation failed) or // proceed (don't know yet) // ----------------------------------------- var proceed = 2; function commonCheck (vfld, // element to be validated ifld, // id of element to receive info/error msg reqd) // true if required { if (!document.getElementById) return true; // not available on this browser - leave validation to the server var elem = document.getElementById(ifld); if (!elem.firstChild && (typeof elem.innerHTML != "string")) return true; // not available on this browser if (emptyString.test(vfld.value)) { if (reqd) { msg (ifld, "error", "ERROR: required"); vfld.focus(); return false; } else { msg (ifld, "warn", ""); // OK return true; } } return proceed; } // ----------------------------------------- // validatePresent // Validate if something has been entered // Returns true if so // ----------------------------------------- function validatePresent(vfld, // element to be validated ifld ) // id of element to receive info/error msg { var stat = commonCheck (vfld, ifld, true); if (stat != proceed) return stat; msg (ifld, "warn", ""); return true; }; // ----------------------------------------- // validateTelnr // Validate telephone number // Returns true if so (and also if could not be executed because of old browser) // Permits spaces, hyphens, brackets and leading + // ----------------------------------------- function validateTelnr (vfld, // element to be validated ifld, // id of element to receive info/error msg reqd) // true if required { var stat = commonCheck (vfld, ifld, reqd); if (stat != proceed) return stat; var tfld = trim(vfld.value); // value of field with whitespace trimmed off var telnr = /^\+?[0-9 ()-]+[0-9]$/ if (!telnr.test(tfld)) { msg (ifld, "error", "ERROR: not a valid telephone number. Characters permitted are digits, space, (), -, and leading +"); vfld.focus(); return false; } var numdigits = 0; for (var j=0; j='0' && tfld.charAt(j)<='9') numdigits++; if (numdigits<6) { msg (ifld, "error", "ERROR: " + numdigits + " digits - too short"); vfld.focus(); return false; } if (numdigits>14) msg (ifld, "warn", numdigits + " digits - check if correct"); else { if (numdigits<10) msg (ifld, "error", "ERROR: Please enter your complete phone number including the area code."); else msg (ifld, "warn", ""); } return true; };