How do we restrict the user to fill the form in block letters?

  • asifjamilakhtar
    Asked on June 16, 2016 at 2:39 AM

    how do we restrict the user to fill the form in block letters?

  • beril JotForm UI Developer
    Replied on June 16, 2016 at 3:09 AM

    If you want to limit your users to fill the form it is possible with validation feature. In order to use that feature, you need to use textbox field. Because there isn't any validation for the full name field.

    First of all, kindly add a textbox field on your form then choose Alphabetic option as you see below:

    How do we restrict the user to fill the form in block letters? Image 1 Screenshot 20

     

    If you have any question or issues, please do not hesitate to contact us. We will be glad to assist you.

  • flashim
    Replied on June 16, 2016 at 3:14 AM

    Hi asifjamilakhtar,

    You can use the below CSS code to achieve this

    input, textarea {

    text-transform: uppercase;

    }

    Hope this helps.

     

  • beril JotForm UI Developer
    Replied on June 16, 2016 at 4:42 AM

    Hello @flashim,

    First of all, thank you for the suggestion. I didn't notice the block letters, thank you so much for the correction.

    @asifjamilakhtar,

    If you want to force the user fill in the form in block letters you can use the CSS code above:

    On the other hand,  if you want to force your customers to fill the form with lowercase letters you can inject the CSS code below:

     

    input, textarea {

    text-transform: lowercase;

     

    }

    Feel free to contact us anytime. We will be happy to assist you.

  • asifjamilakhtar
    Replied on June 16, 2016 at 5:45 AM
    HOW DO WE USE CSS CODE. I MEAN WHERE AND HOW DO WE PUT IT? CAN U GIVE ME A
    LIST OF VARIOUS CSS CODES EXPLAINING THEIR USAGE.
    BEST REGARDS
    ...
  • Chriistian Jotform Support
    Replied on June 16, 2016 at 6:49 AM

    Hi,

    You can inject the CSS codes to your form by following the steps below.

    How do we restrict the user to fill the form in block letters? Image 1 Screenshot 30

    How do we restrict the user to fill the form in block letters? Image 2 Screenshot 41

    Please see How to Inject Custom CSS Codes for more details.

  • flashim
    Replied on June 17, 2016 at 2:16 AM

    Thank you both beril and Chriistian for elaborating it in detail. Just as a note I happen to find that the block letter achieved using the CSS method affects only the form interface and the data sent to the backend is still in the camelCase or how user has keyed in.

    I have found another interesting post worthy sharing

    https://www.jotform.com/answers/349841-How-to-capitalize-the-first-letter-of-the-text-field

  • Chriistian Jotform Support
    Replied on June 17, 2016 at 2:28 AM

    On behalf of my colleague, you are most welcome. You are correct that the css only affects the interface and not the data sent to backend. Using javascript to capitalize the letters would indeed be a possible workaround. However, please note that you will need to use the full source code of the form to be able to add javascript to the form.

    If you need further assistance, please let us know.
    Regards.

  • asifjamilakhtar
    Replied on June 17, 2016 at 9:45 AM
    Thank you very much for a quick reply. The responses I have been getting
    are so quick we have decided to go pro. Provided this problem of
    capitalization is resolved.
    ...
  • beril JotForm UI Developer
    Replied on June 17, 2016 at 9:54 AM

    We are glad to hear that the issue has been resolved for you. If you need further assistance, please do let us know. We are always here for you.=)