-
asifjamilakhtarAsked on June 16, 2016 at 2:39 AM
how do we restrict the user to fill the form in block letters?
-
beril JotForm UI DeveloperReplied 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:
If you have any question or issues, please do not hesitate to contact us. We will be glad to assist you.
-
flashimReplied 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 DeveloperReplied 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.
-
asifjamilakhtarReplied on June 16, 2016 at 5:45 AMHOW 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 SupportReplied on June 16, 2016 at 6: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.
-
flashimReplied 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 SupportReplied 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. -
asifjamilakhtarReplied on June 17, 2016 at 9:45 AMThank 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 DeveloperReplied 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.=)