Hi.

I have a form that requires the user to enter in their phone number.
I'd like to place a mask of "(000)-0000 x99999" in the Input box but don't know how to do it. I could use the "Value" property but that's not quite what I'm looking for.

Any suggestions would be greatly appreciated.

Rita

Why don't you just use multiple text boxes?

Snib

<><

The design (not my design!) of the data file to which the text will be added has the extension together with the phone number. Even if I used 2 text boxes, I'd still like to use a mask for at least the phone number.

I'm talking about something like this:

<form onsubmit='getPhoneNumber()' id='phone' [other attributes]>
(<input maxlength='3' type='text' id='t1'/>)-<input maxlength='3' type='text' id='t2'/>-<input maxlength='4' type='text' id='t3'/>
<input type='hidden' value='' id='phone_number' name='phone_number'/>
</form>

<script type='text/javascript'>
function getPhoneNumber()
{
 var p = document.forms.phone;
 p.phone_number.value = "(" + p.t1.value.toString() + ")-" + p.t2.value.toString() + "-" + p.t3.value.toString();
}
</script>

The form value 'phone_number' on the server side would then have the value of the three formatted textboxes.

HTH,

Snib

<><

Interesting way of doing it! Better than what I had. Thanks.