Hello fellow TSGers! I am in need of some urgent assistance with a Javascript function I wrote.
Code:
<script type="text/javascript">
<!--
function validator(){
// Javascript form validation function copyright (c) 2005 Scott
// Newman
// Developed exclusivley for RoboRaiders.com
// Phone number and e-mail validation functions copyright
// their respective authors
document.getElementById('errors').innerHTML='';
// Declare arrays and variables
var realNames=new Array(19);
var fieldNames=new Array(19);
var output="";
var z=0;
var errs=0;
// Fills arrays
fieldNames[0]="first_name";
fieldNames[1]="last_name";
fieldNames[2]="phone_1";
fieldNames[3]="phone_2";
fieldNames[4]="phone_3";
fieldNames[5]="grade";
fieldNames[6]="homeroom";
fieldNames[7]="addy1";
fieldNames[8]="city";
fieldNames[9]="zip";
fieldNames[10]="pg1";
fieldNames[11]="pg2";
fieldNames[12]="email";
fieldNames[13]="subteam1";
fieldNames[14]="subteam2";
fieldNames[15]="subteam3";
fieldNames[16]="usrname";
fieldNames[17]="pwd1";
fieldNames[18]="pwd2";
realNames[0]="First name";
realNames[1]="Last name";
realNames[2]="Phone number";
realNames[3]="Phone number";
realNames[4]="Phone number";
realNames[5]="Grade";
realNames[6]="Homeroom";
realNames[7]="Address 1";
realNames[8]="City";
realNames[9]="Zip";
realNames[10]="Parent / Guardian 1";
realNames[11]="Parent / Guardian 2";
realNames[12]="E-mail address";
realNames[13]="Subteam choice 1";
realNames[14]="Subteam choice 2";
realNames[15]="Subteam choice 3";
realNames[16]="Username";
realNames[17]="Password";
realNames[18]="Confirm Password";
// First, verify that all the required fields have been filled in
for (z=0; z<19; z++)
{
if(document.updateInfo.elements[fieldNames[z]].value == "" & z !== 2 &
z !== 3 & z !== 4)
{
output = output+"<li>Field "+realNames[z]+" has been left blank.</li>";
errs++;
}
}
if(document.updateInfo.elements[2].value == "" ||
document.updateInfo.elements[3].value == "" || document.updateInfo.elements[4].value == "")
{
output = output+"<li>Field Phone number has been left blank or
incomplete.</li>";
errs++;
}
// Begin phone number validation functions
/**
* DHTML phone number validation script. Courtesy of SmartWebby.com
(http://www.smartwebby.com/dhtml/)
*/
// Declaring required variables
var digits = "0123456789";
// non-digit characters which are allowed in phone numbers
var phoneNumberDelimiters = "()- ";
// characters which are allowed in international phone numbers
// (a leading + is OK)
var validWorldPhoneChars = phoneNumberDelimiters + "+";
// Minimum no of digits in an international phone no.
var minDigitsInIPhoneNumber = 10;
function isInteger(s)
{ var i;
for (i = 0; i < s.length; i++)
{
// Check that current character is number.
var c = s.charAt(i);
if (((c < "0") || (c > "9"))) return false;
}
// All characters are numbers.
return true;
}
function stripCharsInBag(s, bag)
{ var i;
var returnString = "";
// Search through string's characters one by one.
// If character is not in bag, append to returnString.
for (i = 0; i < s.length; i++)
{
// Check that current character isn't whitespace.
var c = s.charAt(i);
if (bag.indexOf(c) == -1) returnString += c;
}
return returnString;
}
function checkInternationalPhone(strPhone){
s=stripCharsInBag(strPhone,validWorldPhoneChars);
return (isInteger(s) && s.length >= minDigitsInIPhoneNumber);
}
// End phone number validation functions
// Begin e-mail address validation functions
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- V1.1.3: Sandeep V. Tamhankar (stamhankar@hotmail.com) -->
<!-- Original: Sandeep V. Tamhankar (stamhankar@hotmail.com) -->
<!-- Changes:
/* 1.1.4: Fixed a bug where upper ASCII characters (i.e. accented
letters
international characters) were allowed.
1.1.3: Added the restriction to only accept addresses ending in two
letters (interpreted to be a country code) or one of the known
TLDs (com, net, org, edu, int, mil, gov, arpa), including the
new ones (biz, aero, name, coop, info, pro, museum). One can
easily update the list (if ICANN adds even more TLDs in the
future) by updating the knownDomsPat variable near the
top of the function. Also, I added a variable at the top
of the function that determines whether or not TLDs should be
checked at all. This is good if you are using this function
internally (i.e. intranet site) where hostnames don't have to
conform to W3C standards and thus internal organization e-mail
addresses don't have to either.
Changed some of the logic so that the function will work properly
with Netscape 6.
1.1.2: Fixed a bug where trailing . in e-mail address was passing
(the bug is actually in the weak regexp engine of the browser; I
simplified the regexps to make it work).
1.1.1: Removed restriction that countries must be preceded by a domain,
so abc@host.uk is now legal. However, there's still the
restriction that an address must end in a two or three letter
word.
1.1: Rewrote most of the function to conform more closely to RFC 822.
1.0: Original */
// -->
<!-- Begin
function emailCheck (emailStr) {
/* The following variable tells the rest of the function whether or not
to verify that the address ends in a two-letter country or well-known
TLD. 1 means check it, 0 means don't. */
var checkTLD=1;
/* The following is the list of known TLDs that an e-mail address must
end with. */
var
knownDomsPat=/^(com|net|org|edu|int|mil|gov|arpa|biz|aero|name|coop|info|pro|museum)$/;
/* The following pattern is used to check if the entered e-mail address
fits the user@domain format. It also is used to separate the username
from the domain. */
var emailPat=/^(.+)@(.+)$/;
/* The following string represents the pattern for matching all special
characters. We don't want to allow special characters in the address.
These characters include ( ) < > @ , ; : \ " . [ ] */
var specialChars="\\(\\)><@,;:\\\\\\\"\\.\\[\\]";
/* The following string represents the range of characters allowed in a
username or domainname. It really states which chars aren't allowed.*/
var validChars="\[^\\s" + specialChars + "\]";
/* The following pattern applies if the "user" is a quoted string (in
which case, there are no rules about which characters are allowed
and which aren't; anything goes). E.g. "jiminy cricket"@disney.com
is a legal e-mail address. */
var quotedUser="(\"[^\"]*\")";
/* The following pattern applies for domains that are IP addresses,
rather than symbolic names. E.g. joe@[123.124.233.4] is a legal
e-mail address. NOTE: The square brackets are required. */
var ipDomainPat=/^\[(\d{1,3})\.(\d{1,3})\.(\d{1,3})\.(\d{1,3})\]$/;
/* The following string represents an atom (basically a series of
non-special characters.) */
var atom=validChars + '+';
/* The following string represents one word in the typical username.
For example, in john.doe@somewhere.com, john and doe are words.
Basically, a word is either an atom or quoted string. */
var word="(" + atom + "|" + quotedUser + ")";
// The following pattern describes the structure of the user
var userPat=new RegExp("^" + word + "(\\." + word + ")*$");
/* The following pattern describes the structure of a normal symbolic
domain, as opposed to ipDomainPat, shown above. */
var domainPat=new RegExp("^" + atom + "(\\." + atom +")*$");
/* Finally, let's start trying to figure out if the supplied address is
valid. */
/* Begin with the coarse pattern to simply break up user@domain into
different pieces that are easy to analyze. */
var matchArray=emailStr.match(emailPat);
if (matchArray==null) {
/* Too many/few @'s or something; basically, this address doesn't
even fit the general mould of a valid e-mail address. */
return false;
}
var user=matchArray[1];
var domain=matchArray[2];
// Start by checking that only basic ASCII characters are in the
strings (0-127).
for (i=0; i<user.length; i++) {
if (user.charCodeAt(i)>127) {
return false;
}
}
for (i=0; i<domain.length; i++) {
if (domain.charCodeAt(i)>127) {
return false;
}
}
// See if "user" is valid
if (user.match(userPat)==null) {
// user is not valid
return false;
}
/* if the e-mail address is at an IP address (as opposed to a symbolic
host name) make sure the IP address is valid. */
var IPArray=domain.match(ipDomainPat);
if (IPArray!=null) {
// this is an IP address
for (var i=1;i<=4;i++) {
if (IPArray[i]>255) {
return false;
}
}
return true;
}
// Domain is symbolic name. Check if it's valid.
var atomPat=new RegExp("^" + atom + "$");
var domArr=domain.split(".");
var len=domArr.length;
for (i=0;i<len;i++) {
if (domArr[i].search(atomPat)==-1) {
return false;
}
}
/* domain name seems valid, but now make sure that it ends in a
known top-level domain (like com, edu, gov) or a two-letter word,
representing country (uk, nl), and that there's a hostname preceding
the domain or country. */
if (checkTLD && domArr[domArr.length-1].length!=2 &&
domArr[domArr.length-1].search(knownDomsPat)==-1) {
return false;
}
// Make sure there's a host name preceding the domain.
if (len<2) {
return false;
}
// If we've gotten this far, everything's valid!
return true;
}
// End -->
// End e-mail address validation functions
var phoneNumber = document.updateInfo.phone_1.value;
phoneNumber = phoneNumber+document.updateInfo.phone_2.value;
phoneNumber = phoneNumber+document.updateInfo.phone_3.value;
var cellNumber = document.updateInfo.cell_1.value;
cellNumber = cellNumber+document.updateInfo.cell_2.value;
cellNumber = cellNumber+document.updateInfo.cell_3.value;
if(cellNumber !== "" & cellNumber.length < 10)
{
output = output+"<li>Field Cell phone number has been left blank or
incomplete.</li>";
errs++;
}
else
{
if(cellNumber !== "" & checkInternationalPhone(cellNumber)==false)
{
output = output+"<li>Cell phone number is not valid.</li>";
errs++;
}
}
if (checkInternationalPhone(phoneNumber)==false & phoneNumber !== ""){
output = output+"<li>Phone number is not valid.</li>";
errs++;
}
if(!emailCheck(document.updateInfo.email.value) &
document.updateInfo.email.value !== "")
{
output = output+"<li>E-mail address is not valid.</li>";
errs++;
}
if(document.updateInfo.pwd1.value !== document.updateInfo.pwd2.value)
{
output = output+"<li>Passwords do not match.</li>";
errs++;
}
if(errs > 0)
{
document.getElementById('errors').innerHTML = "<table border='0'
width='100%'><tr valign='middle'><td align='left'><img
src='http://www.roboraiders.com/images/warning.gif'></td><td
align='left'><font color='black'><b>Please correct the following errors before
continuing.</b></font></td></tr></table><br>"+output;
scroll(0,0);
}
else
{
document.getElementById('errors').innerHTML='';
document.updateInfo.submit();
}
}
// -->
</script>
I am calling it as such:
Code:
<input type="button" value="Continue..."
onClick="validator()">
I keep getting the same error in Firefox Javascript Console: "validator not defined (Line 1)"
HELP!!