sfareed
asked on
validation of phone number
I wrote a code;
This code validate the10 digit telephone number; if the telephone number is incorrect or without a space after typing the area code in () , will generate an error.
I have two problems in this code
(i) In the area code field I want the just the area code without parenthisis()
(ii) It is giving me an alert messaged even if I type the right phone number format.
here is the code you can copy and paste the code and see result
*******************
<script language="javascript">
var n = new Array(2), f = new Array(8),s = new Array(5),a,b,c,d,e,g,h,i,j ,r;
function validateThis(n){
n = document.form1.fullText.va lue;
if ((n.charAt(0)=='(') && (n.charAt(4)==')') && (n.charAt(5)==' ') && (n.charAt(9)=='-'))
SplitNum(n);
else
window.alert("Please enter a valid number jo jojo")
}
function SplitNum(n,s,f){
var k=n.split(" "), fir = k[0].length, las = k[1].length , q=k[0];
if( fir == 5 && las == 8){
var s = k[0];
var f = k[1];
a = parseInt(s[1]);
b = parseInt(s[2]);
c = parseInt(s[3]);
d = parseInt(f[0]);
e = parseInt(f[1]);
g = parseInt(f[2]);
h = parseInt(f[4]);
i = parseInt(f[5]);
j = parseInt(f[6]);
r = parseInt(f[7]);
ValNum();
var jk=s.split(")");
document.form1.areaText.va lue = jk;
document.form1.numText.val ue = f ;
}
else window.alert("Enter a valid number, quit playing.")
}
function ValNum(){
if(isNaN(a) || isNaN(b) || isNaN(c) || isNaN(d) || isNaN(e) || isNaN(g) || isNaN(h) || isNaN(i) || isNaN(j) || isNaN(r) )
window.alert("Enter a valid number hey bobo")
}
</script>
</head>
<body>
<h2>Test</h2>
<form name="form1" id="form1" method="post" action="">
<TABLE BORDER=2 CELLSPACING=1 CELLPADDING=2 width="30%">
<TR>
<TD ALIGN="center"><p>Enter a phone number</p>
<p>[In the form (555) 555-5555]</p></TD>
<TD ALIGN="center"><input name="fullText" type="text" id="fullText" /></TD>
</TR>
<TR>
<TD ALIGN="center" COLSPAN="1"><input name="valButt" type="button" id="valButt" value="validate" onClick = "validateThis()"></TD>
</TR>
<TR>
<TD ALIGN="center">Area Code: </TD>
<TD ALIGN="center"><input name="areaText" type="text" id="areaText" /></TD>
</TR>
<TR>
<TD ALIGN="center">Number: </TD>
<TD ALIGN="center"><input name="numText" type="text" id="numText" /></TD>
</TR>
</TABLE>
</form>
This code validate the10 digit telephone number; if the telephone number is incorrect or without a space after typing the area code in () , will generate an error.
I have two problems in this code
(i) In the area code field I want the just the area code without parenthisis()
(ii) It is giving me an alert messaged even if I type the right phone number format.
here is the code you can copy and paste the code and see result
*******************
<script language="javascript">
var n = new Array(2), f = new Array(8),s = new Array(5),a,b,c,d,e,g,h,i,j
function validateThis(n){
n = document.form1.fullText.va
if ((n.charAt(0)=='(') && (n.charAt(4)==')') && (n.charAt(5)==' ') && (n.charAt(9)=='-'))
SplitNum(n);
else
window.alert("Please enter a valid number jo jojo")
}
function SplitNum(n,s,f){
var k=n.split(" "), fir = k[0].length, las = k[1].length , q=k[0];
if( fir == 5 && las == 8){
var s = k[0];
var f = k[1];
a = parseInt(s[1]);
b = parseInt(s[2]);
c = parseInt(s[3]);
d = parseInt(f[0]);
e = parseInt(f[1]);
g = parseInt(f[2]);
h = parseInt(f[4]);
i = parseInt(f[5]);
j = parseInt(f[6]);
r = parseInt(f[7]);
ValNum();
var jk=s.split(")");
document.form1.areaText.va
document.form1.numText.val
}
else window.alert("Enter a valid number, quit playing.")
}
function ValNum(){
if(isNaN(a) || isNaN(b) || isNaN(c) || isNaN(d) || isNaN(e) || isNaN(g) || isNaN(h) || isNaN(i) || isNaN(j) || isNaN(r) )
window.alert("Enter a valid number hey bobo")
}
</script>
</head>
<body>
<h2>Test</h2>
<form name="form1" id="form1" method="post" action="">
<TABLE BORDER=2 CELLSPACING=1 CELLPADDING=2 width="30%">
<TR>
<TD ALIGN="center"><p>Enter a phone number</p>
<p>[In the form (555) 555-5555]</p></TD>
<TD ALIGN="center"><input name="fullText" type="text" id="fullText" /></TD>
</TR>
<TR>
<TD ALIGN="center" COLSPAN="1"><input name="valButt" type="button" id="valButt" value="validate" onClick = "validateThis()"></TD>
</TR>
<TR>
<TD ALIGN="center">Area Code: </TD>
<TD ALIGN="center"><input name="areaText" type="text" id="areaText" /></TD>
</TR>
<TR>
<TD ALIGN="center">Number: </TD>
<TD ALIGN="center"><input name="numText" type="text" id="numText" /></TD>
</TR>
</TABLE>
</form>
ASKER CERTIFIED SOLUTION
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
ASKER
This my college project and I can't change the text field.
thanks