How can I get the form to be answered with uppercase letters?

  • BartSchaap
    Asked on May 8, 2019 at 11:07 AM

    How can I force users to input captal characters only?

  • isabel
    Replied on May 8, 2019 at 11:51 AM

    As I understood that you want to force users to input only uppercase letters. Please follow these steps:

    1.Select the text box field, click the gear icon and open the "Options" tab.

    1557329640Screen Shot 2019 05 08 at 18 Screenshot 10

    2.Scroll down and find "Input Mask" option, make sure to enable it.

    1557329724Screen Shot 2019 05 08 at 18 Screenshot 21

    @ symbol state as Mask Letters, please fill your field with @@@

    1557329864Screen Shot 2019 05 08 at 18 Screenshot 32


    After that please follow these steps:

    1.In the form builder click the Design icon.

    1557329937Screen Shot 2019 05 08 at 18 Screenshot 43


    2. Click on the CSS tab, and paste the code in the "Inject Custom CSS" area.

    1557330009Screen Shot 2019 05 08 at 18 Screenshot 54

    For finding your custom CSS code please follow these steps:

    1. Select the text box field, click the gear icon and open the "Advanced" tab and scroll down to open Field Details and copy your Field IDs.

    1557330246Screen Shot 2019 05 08 at 18 Screenshot 65

    After following these steps you can write #input_4 {text-transform: uppercase;}  to CSS field and do not forget to save it.

    1557330372Screen Shot 2019 05 08 at 18 Screenshot 76

    Here is my form which helps you: https://www.jotform.com/build/91274357029965.

    You can clone and analyse it this guide will help you: How to Clone an Existing Form from a URL

    If you need further assistance let us know.


  • BartSchaap
    Replied on May 9, 2019 at 2:30 AM

    Hi Isabel,

    Thank you for your answer. My usecase is a little more complicated. I want users to enter a IBAN bank account number which is a combination of uppercase charaters and numbers. I managed to make a mask which ensures characters and numbers are on the right spot but I was unable  to enforce uppercase letters only. This is an example of an IBAN number:

    NL91 INGB 0006 7110 16

    This is the mask I made:

    @@## @@@@ #### #### ##

    A second usecase I have concerning capital charters is the following:

    I want users to enter their initials in this format: for example B.A.J. (but everyone has a different number of first names)

    And also how do I make sure a users enters his full name like this?:  Bart Schaap

    We want to feed our HR system with these data so beeing accurate is important.


    Best regards,

    Bart Schaap

  • Nik_C
    Replied on May 9, 2019 at 4:19 AM

    I'm afraid that collecting IBAN numbers are considered sensitive information and may not be collected using JotForm forms, please do check our terms of use page here: http://www.jotform.com/terms/.

    If you are asking for payments, from your users, it is a must to use our payment integrations. To set up an order or payment form, please follow this guide: https://www.jotform.com/help/165-Setting-Up-Your-First-Order-Form

    However, we can make an exception, only if you send a proof that your business is related to MORTGAGE BROKER, INSURANCE BROKER BANK, Real Estate Broker, LENDING INSTITUTIONS and the like. 

    In such a case, collecting bank accounts can be allowed and it's not illegal. 

    Otherwise, such a field has to be removed from the form(s).

    Regarding your second question, aside from the CSS uppercase text transform, and input mask, I don't see another way to make sure that your users entered the data you expect.

    But, for full name, why don't you use Full name field:

    15573899822019 05 09 10 19 09 Screenshot 10

    That should work for you?