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 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

    Hi,

     

    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.

     

    Thanks

    Page URL:
    http://form.jotformpro.com/form/23164489937972

    color border error colour required
  • Profile Image
    JotForm Support

    Answered by idarktech on November 13, 2012 at 05:11 AM

    Hi,

    Append the following CSS codes to your existing CSS codes.

    .form-validation-error {

    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!

  • Profile Image
    JotForm Support

    Answered by idarktech on November 13, 2012 at 05:13 AM

    This should be the result:

  • Profile Image

    Answered by basekit on November 13, 2012 at 07:15 AM

    This worked perfectly

     

    Thank you very much :)