How Do I Change the Allowed Format of a Phone Number?

  • Profile Image
    brunofridl
    Asked on December 16, 2012 at 12:14 PM

    Hi

    I'm using JotForm to collect French lead with a number phone

    But your field is define only for US

    In France, we have 10 numeral. It look like 01 20 30 40 50

    Is it possible to do this ?

    Thanks

  • Profile Image
    fxr
    Answered on December 16, 2012 at 01:47 PM

    There is no validation on the number of characters in the phone fields.

    I assume your issue is related more to how the phone fields are formatted/displayed?

    --

    Do you have an example that you can link us to that shows how you would like the phone field to look? perhaps we can do something with a little CSS.

  • Profile Image
    abajan
    Answered on December 16, 2012 at 05:24 PM

    @brunofridl

    After searching the internet and finding no ideal regex to match numbers in the specified format, I tinkered with what I found and came up with the solution in this demo.

    If it's the sort of functionality you want, please let us know and we'll explain how to implement it in your own form.

    Thanks.

  • Profile Image
    brunofridl
    Answered on December 17, 2012 at 09:13 AM

    Thanks @fxr and @abajan for your answer

    Yes @fxr, I mean the phone fields are displayed for US and not for France.

    In France, we have 10 numbers. All begin with 0.

    @abajan I test your form. It's a good idea. But when I made a false number, I check your pop up and then the form is validate. It would be nice if the subscriber can't validate the form before he give is phone number

    Bruno

  • Profile Image
    abajan
    Answered on December 17, 2012 at 10:11 AM

    Hi Bruno,

    Required validation has now been set on the demo's phone field so that the form can't be submitted if that field were to be left empty. Granted, it's still not a perfect solution because digits other than zero can be entered as the first character. Also, if the user were to mistakenly hit the spacebar after entering a correctly formatted number, the alert message would still pop up.

    Ideally, a solution like this one would be super but there's much I don't understand about its script. If I did, I would be able to adapt it for French numbers. Unfortunately, there appears to be a scarcity of scripts for French phone numbers.

    Anyway, if you would like to use the solution illustrated at my demo, we'll be happy to assist you.


    Wayne

  • Profile Image
    captiva
    Answered on February 06, 2013 at 05:26 PM

    I am trying to use the phone field to capture calls and it's necessary for me to use your preformatted phone field rather than a text box, because my forms integrate with Zoho. The problem is that format does not work correctly for international phone number submissions and is not what a user would expect. We just had a lead that took the time to email us, because he was frustrated with one of our forms. 

    I'd either like to see me be able to map a normal text field to the phone field in Zoho CRM or have an setting for the Phone field in JotForm that creates one long number. 

    Thanks,
    Brad Nickel 

  • Profile Image
    captiva
    Answered on February 06, 2013 at 05:30 PM
  • Profile Image
    jeanettebmz
    Answered on February 06, 2013 at 06:34 PM

    @captiva

    Can you please open a separate thread for your particular case?  Please title like "Zoho integration and international formatted phone fields "

  • Profile Image
    captiva
    Answered on February 10, 2013 at 11:09 PM

    Thanks. I just created the request with that title. 

  • Profile Image
    kenneth
    Answered on March 25, 2013 at 06:07 AM

    Hi,

    We have added a new feature into the Phone Question, we called it the Phone masking, the validation of phonenumber input is now depends on how the form owner put the masking.

    For example. the default masking is ####-#####, the # symbols represent the numbers to be entered. Try it and let me know your comments. Please try to clean your browser cache to get the latest updates.

    Thank you,
    Kenneth

  • Profile Image
    brunofridl
    Answered on March 25, 2013 at 06:19 AM

    hi @kenneth

    Thanks for this information

    I just try but the format don't change. It's diplay always like your exemple ####-####

  • Profile Image
    abajan
    Answered on March 25, 2013 at 11:31 AM

    @brunofridl

    I have just run some tests on this feature and it seems to be working fine.

    Firstly, make sure you have logged out of JotForm and then clear the browser's cache before logging back in. If you have already done so, when the form is loaded in the form builder and the relevant phone field is selected, you will notice that there are two (2) buttons associated with the feature (see screenshot below)

    First, enable the feature with the Input Mask button and then set the mask (how many numbers are to be allowed and where the dashes, if any, should be inserted) via the Mask Value one.

    If you have done all of the above and you're still not getting the feature to work, please let us know.

    Thanks.

  • Profile Image
    kenneth
    Answered on March 25, 2013 at 11:41 AM

    @brunofridly

    If you enable the feature, there should be another toolbar next to it, on there you can put masking value. # symbols represents the mask for numbers.

  • Profile Image
    brunofridl
    Answered on March 25, 2013 at 05:15 PM

    @abajan @kenneth this is perfect. Really. You rock !

    I'm trying with +33#.##.##.##.## and ########## but the fields phone number is always empty

    What to do ?