How to Hide the "Required" Warning Messages?

  • Randstadrijder
    Asked on February 11, 2016 at 4: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

  • mert JotForm UI Developer
    Replied on February 11, 2016 at 9: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:

    How to Hide the Required Warning Messages? Image 1 Screenshot 20

     

    Please, apply this and let us know the results.

    Thanks.

  • Randstadrijder
    Replied on February 12, 2016 at 8: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 :
    ...
  • mert JotForm UI Developer
    Replied on February 12, 2016 at 8: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.

  • Randstadrijder
    Replied on February 13, 2016 at 4: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 :
    ...
  • Elton Support Team Lead
    Replied 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.