[samot]

Hi,
I am looking for a script to use for my contact form html.
I have a Phone field with hint: (000) 000-0000 format.

I want to remove the hint. But I want "(" ")" brackets be automatic included in the field as the user enter the phone number.

If user enter phone number: 1234567890
It will automatically do this: (123) 456-7890

Is this possible ?
Thanks,

Samot

[Nico]

<script type="text/javascript">
function format_phone(obj)
{
    if (window.RegExp)
    {
        if (obj.value.match(/^\d{3}$/))
        {
            obj.value = obj.value.replace(/^(\d{3})/, '($1) ');
        }
        else if (obj.value.match(/^\(\d{3}\)\s?(\d{3,})$/))
        {
            obj.value = obj.value.replace(/(\d{3})\s?(\d+)$/, '$1-$2');
        }
    }
}
</script>
 
<input type="text" onkeydown="format_phone(this);" /> 

[Boraan]

instead of using 1 text field in your form, use three fields. phone1 phone2 phone3.

Then you join the form data into one string. $phone = "(phone1) phone2-phone3"

I purposely left out any defining markup in the string because I don't know what language you're designing in, but it would be the form values.

That way is a whole lot easier than splitting the variable then putting it back together again. This way it's already split for you.

Edit: Nico's works too, but keep in mind that not all browsers have Javascript enabled, and there are a few out there that use a different java engine and it may be incompatible.

[samot]

Thanks Nico and Boraan! This is great.

My manager is lazy...so he wants to type in any number and it auto it for him..ekeke

Originally, I thought of using what Boraan mentioned. But it's not what he was looking for.

See, I am using the DWCS3 Spry to validate all the fields in my form.

So, what is that snippet called?
Where can I find out more info about these things here: /^\(\d{3}\)\s?(\d{3,})$/

Thanks again.

Samot

[Nico]

This snippet doesn't have a name. But it's using regular expressions.


www.regular-expressions.info

[Boraan]

heh. the way I mentioned is way easy. it's only a slight change to the form and simply putting the string together how you want it. I give it a few lines of code to define it in the script. in Perl I can define it in one line, in ASP? The same... one line. Then give it 3 or 4 lines to validate. It really is very easy.