Hi, this is a code for form verification... I added the function results() then the entire script is now not working. Need help... *note that if I omit the results() function, other functional parts (disabling other text field) are working...
Need help thanks...
P.S.
the omitted/commented codes were my attempt of trying to debug the program... XD
Need help thanks...
P.S.
the omitted/commented codes were my attempt of trying to debug the program... XD
Code:
<html>
<head>
<title>HTML DOM Exercise</title>
<script type="text/javascript">
var er=0;
var s=0;
function tmp()
{
document.getElementById("perm1").readOnly=true;
document.getElementById("perm2").readOnly=true;
document.getElementById("perm3").readOnly=true;
document.getElementById("perm4").readOnly=true;
document.getElementById("perm5").readOnly=true;
document.getElementById("perm6").readOnly=true;
document.getElementById("temp1").readOnly=false;
document.getElementById("temp2").readOnly=false;
document.getElementById("temp3").readOnly=false;
document.getElementById("temp4").readOnly=false;
document.getElementById("temp5").readOnly=false;
document.getElementById("temp6").readOnly=false;
document.getElementById("temp7").readOnly=false;
s=0;
}
function prm()
{
document.getElementById("perm1").readOnly=false;
document.getElementById("perm2").readOnly=false;
document.getElementById("perm3").readOnly=false;
document.getElementById("perm4").readOnly=false;
document.getElementById("perm5").readOnly=false;
document.getElementById("perm6").readOnly=false;
document.getElementById("temp1").readOnly=true;
document.getElementById("temp2").readOnly=true;
document.getElementById("temp3").readOnly=true;
document.getElementById("temp4").readOnly=true;
document.getElementById("temp5").readOnly=true;
document.getElementById("temp6").readOnly=true;
document.getElementById("temp7").readOnly=true;
s=1;
}
function results()
{
//var re = /^\d{1,2}\/\d{1,2}\/\d{4}$/;
if(s===0)
{
if((isNaN(document.getElementById("temp1").value))
{
//document.getElementById("temp1").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Home Number should be a Number! <br>"; er=1;
}
if(document.getElementById("temp2").value=="" || document.getElementById("temp2").value==null )
{
//document.getElementById("temp2").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Street is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("temp3").value=="" || document.getElementById("temp3").value==null )
{
//document.getElementById("temp3").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "City is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("temp4").value=="" || document.getElementById("temp4").value==null)
{
//document.getElementById("temp4").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "State is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("temp5").value=="" || document.getElementById("temp5").value==null )
{
//document.getElementById("temp5").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip Code is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("temp6").value=="" || document.getElementById("temp6").value==null )
{
//document.getElementById("temp6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Street is a Mandatory Field! <br>";er=1;
}
else if(isNaN(document.getElementById("temp6").value))
{
//document.getElementById("temp6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip Code should be a Number! <br>";er=1;
}
else if(document.getElementById("temp6").length>5 || document.getElementById("temp6").length<3)
{
//document.getElementById("temp6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip code should be 3 to 5 digits long! <br>";er=1;
}
}
else
{
if(isNaN(document.getElementById("perm1").value)
{
//document.getElementById("perm1").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Home Number should be a Number! <br>";er=1;
}
if(document.getElementById("perm2").value=="" || document.getElementById("perm2").value==null )
{
//document.getElementById("perm2").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Street is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("perm3").value=="" || document.getElementById("perm3").value==null )
{
//document.getElementById("perm3").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "City is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("perm4").value=="" || document.getElementById("perm4").value==null )
{
//document.getElementById("perm4").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "State is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("perm5").value=="" || document.getElementById("perm5").value==null )
{
//document.getElementById("perm5").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip Code is a Mandatory Field! <br>";er=1;
}
if(document.getElementById("perm6").value=="" || document.getElementById("perm6").value==null )
{
//document.getElementById("perm6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Street is a Mandatory Field! <br>";er=1;
}
else if(isNaN(document.getElementById("perm6").value))
{
//document.getElementById("perm6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip Code should be a Number! <br>";er=1;
}
else if(document.getElementById("perm6").length>5 || document.getElementById("perm6").length<3)
{
//document.getElementById("perm6").style.color:rgb(252,113,105);
document.getElementById("error").innerHTML += "Zip code should be 3 to 5 digits long! <br>";er=1;
}
// if(document.getElementById("perm7").value != '' && !document.getElementById("perm6").innerHTML(re))
{
//document.getElementById("perm7").style.color:rgb(252,113,105);
// document.getElementById("error").innerHTML += "Invalid Date Format! <br>";er=1;
}
}
if(er==0)
{
alert("Succesful!")
}
else
{
er=0;
}
}
}
</script>
</head>
<body>
<p id="error"> </p>
<form name="Selector">
<input type="radio" onClick="prm()" name="add" value="Perm" /> Permanent Address<br />
<input type="radio" onClick="tmp()" name="add" value="Temp" /> Temporary Address<br />
</form>
<div class="perm">
<table>
<form name="Permanent">
<tr><td colspan="4">Permenent Address: </td></tr>
<tr><td>House Number</td><td>Street*</td><td>City*</td></tr>
<tr><td><INPUT id="perm1" TYPE="text" NAME="Hnum"></td><td><INPUT id="perm2" TYPE="text" NAME="Street"></td><td><INPUT id="perm3" TYPE="text" NAME="City"></td></tr>
<tr><td>State*</td><td>Country*</td><td>Zip*</td></tr>
<tr><td><INPUT id="perm4" TYPE="text" NAME="State"></td><td><INPUT id="perm5" TYPE="text" NAME="Country"></td><td><INPUT id="perm6" TYPE="text" NAME="Zip"></td></tr>
</form>
</table>
</div>
<br><br>
<div class="temp">
<table>
<form name="Temporary">
<tr><td colspan="4">Temporary Address: </td>
<tr><td>House Number</td><td>Street*</td><td>City*</td><td></td></tr>
<tr><td><INPUT id="temp1" TYPE="text" NAME="Hnum"></td><td><INPUT id="temp2" TYPE="text" NAME="Street"></td><td><INPUT id="temp3" TYPE="text" NAME="City"></td><td></td></tr>
<tr><td>State*</td><td>Country*</td><td>Zip*</td><td>Date*</td></tr>
<tr><td><INPUT id="temp4" TYPE="text" NAME="State"></td><td><INPUT id="temp5" TYPE="text" NAME="Country"></td><td><INPUT id="temp6" TYPE="text" NAME="Zip"></td><td><INPUT id="temp7" TYPE="text" NAME="Date"> mm/dd/yyyy</td></tr>
</form>
</table>
</div>
<br><br>
<input type="button" onClick="results()" value="Submit"/>
</body>
</html>
Comment