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

    How to populate email field with a value from another field ?

    Asked by clewis861 on November 02, 2015 at 03:37 PM

    Our email format is first initial plus last name @ourdomain.org (so Jane Doe would be jdoe@ourdomain.org).  Is there a way I can make the form fill in the email address after the user fills in their first and last name?

    Page URL:
    https://form.jotform.com/52744226585158

    email populate email name email format format fill first letter
  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 02, 2015 at 06:33 PM

    Hello,

    Of course, you can auto-populate an email field, you can refer to this guide : 

    http://www.jotform.com/help/286-How-to-Populate-Field-with-a-Value-from-another-Field

    You should add the first and last name fields : 

    And an email field.

    You should add a condition, it should look like this :

    Here is my sample form, you can clone it if you want : 

    https://form.jotform.co/53056736239864

    I hope that helps.

    If you need further assistance, feel free to contact us.

     

  • Profile Image

    Answered by clewis861 on November 04, 2015 at 03:19 PM

    Thank you, that's a start.  But our emails are the first initial only, not the whole first name, then last name @ourdomain.org.  Is there a way to get it to just pull the first letter of the first name?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 04, 2015 at 04:49 PM

    I really apologise for confusion.

    Here is the correct way to do that.

    First, add the Substring Widget, do it as the image below :

    Now, you should add this CSS code, this will hide the field, do it as the image below : 

    #id_6{display:none;}

    This is the result : 

    You can see my result here : 

    https://form.jotform.co/53056736239864?

    I hope that helps.

    If you need more help, feel free to contact us.

    Cheers !

  • Profile Image

    Answered by clewis861 on November 04, 2015 at 05:29 PM

    Am I supposed to paste #id_6{display:none;} at the top of the existing CSS or replace it?  If I paste it above it doesn't hide it and if I replace the existing CSS it removes all other formatting.

  • Profile Image

    Answered by clewis861 on November 04, 2015 at 06:36 PM

    Also, when I tested it, I got "0@ourdomain.org".

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 04, 2015 at 06:59 PM

    Hello,

    Sorry , the correct code for your form is this , you can paste it at the top of the existing CSS code: 

    #id_75{display:none;}

     

    You are getting a "0" into your email feld because this is taking the values as numbers, please change it as the image below : 

    Your condition should look like this : 

    I hope that helps.

    Please, let us know if you need more help, we will be glad to help you.

  • Profile Image

    Answered by clewis861 on November 04, 2015 at 07:04 PM

    Of course!  Sorry - I should have noticed that it was reading it as numeric values!  That's what happens when you're doing too many things at once!  And it's now hiding that first initial field as well. 

    Thanks so much!!!

  • Profile Image

    Answered by clewis861 on November 04, 2015 at 07:34 PM

    One more question - If I need to un-hide that hidden field, how do I find it?

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 04, 2015 at 08:46 PM

    You're welcome.

    We are here to help you , if you want to un-hide the field, simply remove the code provided, if you do it the field will be shown in  the form.

    If you need further assistance, don't hesitate to contact us.

    Regards.

  • Profile Image

    Answered by clewis861 on November 06, 2015 at 12:35 PM

    I couldn't find the field in order to remove the code, so I added a new substring and adjusted the formula for the email field, but now the new substring won't hide when I enter that CSS code telling it to hide.

  • Profile Image
    JotForm Support

    Answered by Mike on November 06, 2015 at 06:14 PM

    This is possible to inspect elements in Google Chrome to get the corresponding field IDs.

    Alternatively, you can select fields and add CSS using Form Designer.

    Thank you.

  • Profile Image

    Answered by clewis861 on November 06, 2015 at 07:39 PM

    I tried this and it still isn't hiding.  I give up!

  • Profile Image
    JotForm Support

    Answered by Kevin_G on November 06, 2015 at 09:59 PM

    Hi,

    I've checked your form and I can see there is any CSS code :

    Follow the setps as explained above by my collegue, go to Designer and paste the CSS code.

    #id_75{display:none;}

  • Profile Image

    Answered by clewis861 on November 12, 2015 at 01:30 PM

    It finally started working on this form.  But now it's not working on another form:

    https://form.jotform.com/52744226585158