3
I am trying to verify a set of fields in a form, but I am having trouble. I'm new to web development and everything I've tried has not worked. Any suggestions would be appreciated.
[HTML]<html>
<head>
<script language="JavaScript">
function verifyForm()
{
alert("1");
function isInteger()
{
var v_ssn = document.getElementById('id_ssn');
alert("2");
var i;
for (i = 0; i < v_ssn.length; i++)
{
// Check that current character is number.
var c = v_ssn.charAt(i);
if (((c < "0") || (c > "9")))
return false;
}
// All characters are numbers.
return true;
}
isInteger(s);
function verify_ssn()
{
var v_ssn = document.getElementById('id_ssn');
alert(v_ssn);
alert(v_ssn.length);
if(V_ssn.length != 11)
{
alert("Bad ssn length");
return -1
}
alert(v_ssn.charAt(3));
alert(v_ssn.charAt(6));
if(v_ssn.charAt(3) != '-' || id_ssn.charAt(6) != '-')
{
alert("Expected hyphen");
return -2
}
var i;
for (i = 0; i < v_ssn.length; i++)
{
if(i!=3 && i!=6)
{
if(isInteger(v_ssn.charAt(i)) == false)
{
alert("Expected digit 0 - 9");
return -3
}
}
}
return 1
}
verify_ssn();
}
</script>
</head>
<body>
<div id="id_form"
<div id="id_fname" class="my_black">First name</div>
<input name="name" type="text" size="25"/>
<div id="id_ssn" class="my_black">SSN</div>
<input name="SSN" type="text" size="9"/>
<div id="id_phone" class="my_black">Phone</div>
<input name="Phone" type="text" size="9"/>
<hr>
<input type="button" onclick="verifyForm()">
</div>
</body>
</html>[/HTML]
