How to Hide the "Required" Warning Messages?

  • Profile Image
    Randstadrijder
    Asked 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

  • Profile Image
    mert
    Answered 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
    Randstadrijder
    Answered 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
    mert
    Answered 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
    Randstadrijder
    Answered 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
    EltonCris
    Answered 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.