What is wrong with this html/javascript code? Ten Point Question?

D

David M

New member
The problem that I am having is with the alert box that appear every time I click the subit button.The alert message is not showing the right content for validation of the form when ever it does not contain an input. Please copy the code and test it on your own PC.

Here's the code below. Thank for your time and consideration:




<html>
<head>
<title>ssn Checker</title>
<script type="text/javascript">

msgAr = new Array();
msgAr[0] = "\nINVALID SSN";
msgAr[1] = "\nINVALID Address (Ex. 1234 Main St.)";
msgAr[2] = "\nINVALID ZIP CODE (Ex. 30064 five digits)";
msgAr[3] = "\nINVALID STATE CODE, Enter Srate Code in Uppercases (Ex. NY, for New York)";
msgAr[4] = "\nINVALID PHONE NUMBER (Ex. 412-828-3000)";
msgAr[5] = "\nINVALID Email Address (Ex. [email protected])";



var bool = false;
var msg = "";
var RE_SSN = /^[0-9]{3}[\- ]?[0-9]{2}[\- ]?[0-9]{4}$/;
var isAddressOk = /^\d{1,6}\s\w{3,16}\s\w{2,8}\w*$/;
var zIP = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
var isStateOk = /^A[LKSLZRAEP]|C[AOT]|D[EC]|F[LM]|G[AU]/;
var isPhoneOk = /^([0-9](|-)?)?(\(?[0-9]{3}\)?|[0-9]{3})/;
var isEmailOk = /^[A-Za-z0-9] (([_\.\-]?[a-zA-Z0-9]+)*)@([A-Z a-z]+)(([\.\-]?[a-zA-z0-9]+)*)\.([A-Za-z/;



//alertMsg += alert("");
function checkSsn(ssn){
if (RE_SSN.test(ssn)){
("VALID SSN");
} else {
//alert("INVALID SSN");
bool = true;
msg += msgAr[0];
}
showMsg();
}

function checkAD(address){
if (isAddressOk.test(address)){
("VALID input");
} else {
//alert("INVALID Address (Ex. 1234 Main St.)");
bool = true;
msg += msgAr[1];
}
}



function checkZ(zip){
if(isEmailOk.test(zip)){
("VALID input");
} else{
bool = true;
msg += msgAr[2];
}
}

function checkST(state){
if(isStateOk.test(state)){
("VALID input");
} else{
bool = true;
msg += msgAr[3];
}
}

function checkPH(phone){
if(isPhoneOk.test(phone)){
("VALID input");
} else{
bool = true;
msg += msgAr[4];
}
}

function checkEM(email){
if(isEmailOk.test(email)){
("VALID input");
} else{
bool = true;
msg += msgAr[5];
}
}


function showMsg(){
if (bool){
bool = false; //reset flag
alert(msg);
msg = '';
} else {
return false;
}
}

</script>
</head>
<body>
<form onsubmit="return false;" >
<input type="text" id="ssn" size="20">
<input type="text" id="address" size="20"/>
<input type="text" id="zip" size="30" />
<input type="text" id="uemail" size="30" />
<input type="text" id="pnumber" size="30" />


<input type="submit" value="Submit Form"
onclick = " checkAD(this.form.address.value); checkSsn(this.form.ssn.value); checkEM(this.form.uemail.value); checkPH(this.form.pnumber.value); checkST(this.form.state.value); checkZ(this.form.zip.value); " />
</form>
</body>
</html>
 
Back
Top