Menu
Hi,
I found the following script that formats a phone number as it is entered. However, it is hardcoded for a specific “phone number” field in a specific form name.
How can the field name and the form name be used as variables? TIA…
from [url]http://javascript.internet.com/forms/format-phone-number.html#source
<!– TWO STEPS TO INSTALL FORMAT PHONE NUMBER:
1. Copy the coding into the HEAD of your HTML document2. Add the last code into the BODY of your HTML document –>
<!– STEP ONE: Paste this code into the HEAD of your HTML document –>
<HEAD>
<SCRIPT LANGUAGE=”JavaScript”>
<!– This script and many more are available free online at –>
<!– The JavaScript Source!! [url]http://javascript.internet.com
<!– Original: Roman Feldblum (
<!– Begin
var n;
var p;
var p1;
function ValidatePhone(){
p=p1.value
if(p.length==3){
//d10=p.indexOf(‘(‘)
pp=p;
d4=p.indexOf(‘(‘)
d5=p.indexOf(‘)’)
if(d4==-1){
pp=”(“+pp;
}
if(d5==-1){
pp=pp+”)”;
}
//pp=”(“+pp+”)”;
document.frmPhone.txtphone.value=””;
document.frmPhone.txtphone.value=pp;
}
if(p.length>3){
d1=p.indexOf(‘(‘)
d2=p.indexOf(‘)’)
if (d2==-1){
l30=p.length;
p30=p.substring(0,4);
//alert(p30);
p30=p30+”)”
p31=p.substring(4,l30);
pp=p30+p31;
//alert(p31);
document.frmPhone.txtphone.value=””;
document.frmPhone.txtphone.value=pp;
}
}
if(p.length>5){
p11=p.substring(d1+1,d2);
if(p11.length>3){
p12=p11;
l12=p12.length;
l15=p.length
//l12=l12-3
p13=p11.substring(0,3);
p14=p11.substring(3,l12);
p15=p.substring(d2+1,l15);
document.frmPhone.txtphone.value=””;
pp=”(“+p13+”)”+p14+p15;
document.frmPhone.txtphone.value=pp;
//obj1.value=””;
//obj1.value=pp;
}
l16=p.length;
p16=p.substring(d2+1,l16);
l17=p16.length;
if(l17>3&&p16.indexOf(‘-‘)==-1){
p17=p.substring(d2+1,d2+4);
p18=p.substring(d2+4,l16);
p19=p.substring(0,d2+1);
//alert(p19);
pp=p19+p17+”-“+p18;
document.frmPhone.txtphone.value=””;
document.frmPhone.txtphone.value=pp;
//obj1.value=””;
//obj1.value=pp;
}
}
//}
setTimeout(ValidatePhone,100)
}
function getIt(m){
n=m.name;
//p1=document.forms[0].elements[n]
p1=m
ValidatePhone()
}
function testphone(obj1){
p=obj1.value
//alert(p)
p=p.replace(“(“,””)
p=p.replace(“)”,””)
p=p.replace(“-“,””)
p=p.replace(“-“,””)
//alert(isNaN(p))
if (isNaN(p)==true){
alert(“Check phone”);
return false;
}
}
// End –>
</script>
</HEAD>
<!– STEP TWO: Copy this code into the BODY of your HTML document –>
<BODY>
<div align=”center”>
<form name=frmPhone>
<font size=”4″ color=”#0000FF”><b>Enter Telephone Number</b></font><br>
(To refresh, hold down shift and press the browser refresh button)<br>
<input type=text name=txtphone maxlength=”13″ onclick=”javascript:getIt(this)” >
</form>
</div>