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.
How can I change the field border colour to red if required and not entered?Asked by teambasekit on November 13, 2012 at 04:55 AM
i'd like to change the border colour of a field to red if not entered correctly.
i got it working so its green on focus but would like required fields left empty to turn red once submit is hit.
color border error colour required
Append the following CSS codes to your existing CSS codes.
border: 1px solid red !important;
-moz-box-shadow: 0 0 2px red !important;
-webkit-box-shadow: 0 0 2px red !important;
box-shadow: 0 0 2px red !important;
Also, please remove the !important on the .form-textbox border-color on your existing codes to make the entire border color red when required fields left empty.
Just let us if you need anything else. Thanks!
This should be the result:
This worked perfectly
Thank you very much :)