How to make inputs on name field capitalized?

  • acolesJHS
    Asked on December 8, 2015 at 9:46 AM
    I'd like to make sure all the name fields are capitalised. Is there a way to validate for this or make sure they are when they are saved?
  • Charlie
    Replied on December 8, 2015 at 11:22 AM

    It is possible to change the appearance of the input values to uppercase (capitalized), it is also possible in the email notification, this can be done using CSS text-transform, however, this is only aesthetic. The input values will still be saved in your submissions as it is (how it was entered).

    If you would like to convert the input fields into uppercase letters automatically, you'll need to use your form's full source code and add a custom script on it using the toUpperCase() function.

    If you need more help on it, I can create a simple demo script and walk you through it.

  • acolesJHS
    Replied on December 9, 2015 at 5:14 AM

    Thanks for your reply. We do need to make the actual data captured have the capitals at the beginning as we want to push it into our own database once we've collected info and unless we push in capitalised names, all our output will be in lowercase :(

    So your first option which, as you say, is just aesthetic won't work. 

    If I understand this second option correctly, this rely's on us embedding your form on a webpage somewhere but we wanted to direct our visitors directly to the form without it being embedded.  

  • Charlie
    Replied on December 9, 2015 at 8:23 AM

    Unfortunately, we do not have an option or feature that will directly change the first letter or the whole word to uppercase. The only way to do this is embed the form using the form's full source code and create a custom script.

    Here's a simple test page where I have embedded my form and added a custom script: https://shots.jotform.com/charlie/uppercase_input.html 

    I hope this gives you an idea on how to proceed.