Phone number format

JohnR · Post by **JohnR** » Wed Sep 23, 2020 1:41 am

How can I edit a phone number so that the dashes appear when submitted in a form?

BaconFries · Post by **BaconFries** » Wed Sep 23, 2020 2:09 am

It can done using regex see the following for Telephone Number Validation
Telephone Number Validation
Similar Question
Similar

JohnR · Post by **JohnR** » Wed Sep 23, 2020 2:27 am

Where do you place the expression, e.g. /^($)?\d{3}($)?(-|\s)?\d{3}(-|\s)\d{4}$/

BaconFries · Post by **BaconFries** » Wed Sep 23, 2020 2:38 am

In the Editbox properties you can set the validation data type to 'custom'

JohnR · Post by **JohnR** » Wed Sep 23, 2020 10:21 pm

I set the Data Type to 'Custom' and placed /^($)?\d{3}($)?(-|\s)?\d{3}(-|\s)\d{4}$/
in the Custom Expression box but it doesn't make any difference.

Post by **Pablo** » Thu Sep 24, 2020 6:25 am

How can I edit a phone number so that the dashes appear when submitted in a form?

There is no standard solution for this in HTML, this require a custom script.

BaconFries · Post by **BaconFries** » Thu Sep 24, 2020 4:27 pm

Sorry about that may be this will help
https://stackoverflow.com/questions/278 ... ing-jquery

JohnR · Post by **JohnR** » Mon Sep 28, 2020 6:55 pm

I checked the above link and ran the snippet. Now the question:
where do I place
Var Phone...

$('#phone'...
and
<script src...

BaconFries · Post by **BaconFries** » Tue Sep 29, 2020 1:36 pm

Place the following between the <head></head> in Page HTML then change the ID of the input "Editbox" to phone

Code: Select all

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script>
$('#phone').focusout(function() {

  function phoneFormat() {
    phone = phone.replace(/[^0-9]/g, '');
    phone = phone.replace(/(\d{3})(\d{3})(\d{4})/, "($1) $2-$3");
    return phone;
  }
  var phone = $(this).val();
  phone = phoneFormat(phone);
  $(this).val(phone);
});
</script>

JohnR · Post by **JohnR** » Wed Dec 16, 2020 4:41 pm

I tried this with the PAGE HTML and it doesn't seem to work.
Could it be because the phone number is in a FORM?

www.wysiwygwebbuilder.com

Phone number format

Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format

Re: Phone number format