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 to Hide the "Required" Warning Messages?

    Asked by Randstadrijder on February 11, 2016 at 04:18 AM

    I want my custommers to be able to fill a form without getting a warning that a feeld is required during the time that they are filling the form. So they have to be able to chance and empty feelds over and over again without warning of required feelds.

    Only when they eventually sent the form this check of required feeld has to be done. 

    Please help me finding the sollution for this rather obvious way of working. 

    Thank you.

     

    Mark de Breet / mail to: info@randstadrijder.nl

    Page URL:
    notyetavailable/stillunderconstructionwaitingforthesollutionofmyreques<br/>t

  • Profile Image
    JotForm Support

    Answered by mert on February 11, 2016 at 09:34 AM

    Hi Mark,

    You can easily hide the warning messages by injecting some custom CSS to your form. Below, you will find the necessary codes:

     

    .form-label-top {
      display: none;
    }
    .form-line-error {
      background: none transparent;
    }
    .form-error-message, .form-required {
      display: none !important;
    }
    .form-validation-error {
      -moz-box-shadow:none;
      -webkit-box-shadow:none;
      box-shadow:none;
    }

     

    This one will remove messages; but "Required" feature is still functional. Please, see the results from the below:

     

    Please, apply this and let us know the results.

    Thanks.

  • Profile Image

    Answered by Randstadrijder on February 12, 2016 at 08:46 AM
    Dear reader,
    Thank you very much for your awnser. I followed your suggestion and it
    worked. Bravissimo!!
    Met vriendelijke groet,
    Mark de Breet
    ======================================================================
    ** 06 - 41 08 29 92 (**BELLEN OF WHATSAPPEN)*
    ** GA NAAR ONZE WEBSITE *
    ** LIKE ONS OP FACEBOOK
    *
    ** VOLG ONS OP TWITTER *
    ** LEES OF SCHRIJF REVIEWS *
    ** VIND EEN BESCHIKBARE DATUM / AGENDA
    *
    *======================================================================*
    2016-02-11 15:33 GMT+01:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by mert on February 12, 2016 at 08:50 AM

    You are most welcome. I'm glad to see that the code is working for you. Please, don't hesitate to contact us for your further questions.

     

    Have  a great day.

  • Profile Image

    Answered by Randstadrijder on February 13, 2016 at 04:46 AM
    Dear reader,
    You sent me some code to avoid warning messages. Indeed this works good,
    but I overlooked the following effect:
    A feeld in a form that is shortend, looses its labelname. Is this the
    effect of the code I inserted?
    (https://form.jotformeu.com/60403952883358)
    I hope you can again help me with this issue.
    Met vriendelijke groet,
    Mark de Breet
    ======================================================================
    ** 06 - 41 08 29 92 (**BELLEN OF WHATSAPPEN)*
    ** GA NAAR ONZE WEBSITE *
    ** LIKE ONS OP FACEBOOK
    *
    ** VOLG ONS OP TWITTER *
    ** LEES OF SCHRIJF REVIEWS *
    ** VIND EEN BESCHIKBARE DATUM / AGENDA
    *
    *======================================================================*
    2016-02-11 15:33 GMT+01:00 JotForm :
    ...
  • Profile Image
    JotForm Support

    Answered by EltonCris on February 13, 2016 at 12:46 PM

    Yes it is because of the following CSS code that is on the first line of the CSS codes suggested by my colleague.

    .form-label-top {

      display: none;

    }

    Simply remove this part and it should restore all the top labels of the fields.

    If you need further help, let us know.