Format Phone #

[LOW]

I would like to force a certain phone format xxx-xxx-xxxx in a form text field. Does anyone have an idea how to do that? Thank you.

 

[jammer1221]

Here is a rough Reg Ex example:

phoneNo="222 222-2222"
if (phoneNo.match(/^\d\d\d\-\d\d\d-\d\d\d\d$/)) alert("its good")
else alert("no good")

Where phoneNo will probably be equal to the field that holds the phone number.

HTH,
Matt

 

[LOW]

Thank you. Would onChange be the preferred event handler for this? I'm a novice, so please forgive the dumb questions.

 

[jammer1221]

Is the phone number the only thing you're checking?

I would check the entire form once the submit button has been clicked...

<script>
function checkForm() {
//check for phone number here...
phoneNo=document.getElementById("phone").value
if (phoneNo.match(/^\d\d\d\-\d\d\d-\d\d\d\d$/)) return true;
else {
alert("Please check your phone number")
return false
}
}
</script>
<form method="get" action="url" onsubmit="return checkForm()">
<input type="text" id="phone">
...
<input type="submit">
</form>

I just typed that up off the top of my head. So, let me know if it breaks or if you need some more help.

Matt