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 do we restrict the user to fill the form in block letters?

    Asked by asifjamilakhtar on June 16, 2016 at 02:39 AM

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

    fill block in how
  • Profile Image
    JotForm Support

    Answered by beril on June 16, 2016 at 03: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:

     

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

  • Profile Image

    Answered by flashim on June 16, 2016 at 03:14 AM

    Hi asifjamilakhtar,

    You can use the below CSS code to achieve this

    input, textarea {

    text-transform: uppercase;

    }

    Hope this helps.

     

  • Profile Image
    JotForm Support

    Answered by beril on June 16, 2016 at 04: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.

  • Profile Image

    Answered by asifjamilakhtar on June 16, 2016 at 05: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
    ...
  • Profile Image
    JotForm Support

    Answered by Chriistian on June 16, 2016 at 06:49 AM

    Hi,

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

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

  • Profile Image

    Answered by flashim on June 17, 2016 at 02: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

  • Profile Image
    JotForm Support

    Answered by Chriistian on June 17, 2016 at 02: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.

  • Profile Image

    Answered by asifjamilakhtar on June 17, 2016 at 09: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.
    ...
  • Profile Image
    JotForm Support

    Answered by beril on June 17, 2016 at 09: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.=)