What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    Taking off the area code for in the phone number field

    Asked by davidiwl on February 02, 2017 at 04:56 PM

    Is it possible to take off the area code part of the phone number field and just have it be one field for the phone number instead of split into area code and phone number? I had this set-up previously using a text field but it was not importing the number into Saleforce when I was using the text field. Just wondering if this would be a possibility. 

     

    See the Request A Demo form on this page for an example of one of the forms we are trying to update: 

    http://www.inwhatlanguage.com/request-a-demo/

     

    Thanks

     

    Tallin

    Page URL:
    http://www.inwhatlanguage.com/request-a-demo/

  • Profile Image
    JotForm Support

    Answered by Kevin_G on February 02, 2017 at 06:31 PM

    You may hide the area code by injecting this code to your form: 

    [data-type="control_phone"] .form-sub-label-container:nth-child(1){

        display: none;

    }

    [data-type="control_phone"] .form-sub-label-container:nth-child(2){

        width: 100% !important;

    }

    input#input_18_phone {

        width: 95%;

    }

    However, do note that the field is only hidden, but it is still there, so it will still ask to complete the field and area code, you may need to set the field as not required so it does not ask for the area code, the field will be sent like this: 

    This guide will help you to inject the given code: https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes 

    Hope this helps.