Error message for incomplete fields.

  • Profile Image
    ipbr21054
    Asked on September 29, 2013 at 06:04 AM

    On my web site you can contact me in two different ways.

     

    OPTION ONE

    Select CONTACT ME then select FORM

    This then does not populate the field REFERENCE NUMBER and is left blank for the customer to select manually.

    http://form.jotformeu.com/form/32153378873360

     

    OPTION TWO

    If the customer browse through my site like example.

    Select ACCESSORIES, select AUDI, select FLIP REMOTE KEY PAD you will see the contact me on the right above the item for sale.

    When this is selected yopu are taken to the form where the REFERENCE NUMBER will now shown the item number,in this case it will be AUDI

    http://form.jotformeu.com/form/32153378873360?referenceNumber=Audi002DI002

     

    I have noticed that if fields are left uncomplete one form will highlight uncompleted field RED where the other form will show a message like THERE ARE ERRORS ON THE PAGE.

    Is there a code that can be injected so whenever any field is left uncomplete and must be completed the message is shown ?

  • Profile Image
    EltonCris
    Answered on September 29, 2013 at 06:36 AM

    You mean to say display the error message on each of the field once it is left empty?

    Like this?

    Both of your form shows the "There are errors on the form. Please fix them before continuing." error below the submit button so I guess you are referring the one above. Let us know here so we can assist you further.

    Thanks!

  • Profile Image
    ipbr21054
    Answered on September 29, 2013 at 06:56 AM

    Yes

    sorry did not explain clear enough.

    I would like the above message shown if a required field must be completed.

    " This field is required "

    Please advise me the code so i can inject it into my forms or you may do it for me.

     

     

    Thanks,

  • Profile Image
    Welvin
    Answered on September 29, 2013 at 08:49 AM

    I've fixed it. There's no need to inject another codes. You just need to remove the current injected codes that hides the error message:

    /*---remove error message---*/

    .form-error-message {display: none !important;}

    .form-line-error {

    background:none repeat scroll 0 0;

    }

    /*---button error move down---*/

    .form-button-error {

    display: block !important;

    }

     

    thanks