How to display required field on not answering all questions

  • chiragvora123
    Asked on July 24, 2014 at 12:15 AM

    Hi,

    Currently a red color background comes when not submitting all answers, but I do't want that.

    I want is a small red asterisk only to those questions which aren't answer on submission.

    Also something like this also below the last question if all questions aren't answered on submission.

    * Required

  • Ashwin JotForm Support
    Replied on July 24, 2014 at 5:33 AM

    Hello chiragvora123,

    I did check your form and found that you have injected the following custom css code:

    .form-error-message,

    .form-required,

    .form-button-error {

    display: none !important;

    }

    This will hide the error message including the asterisk. Do you want to remove the red background as well?

    Please inject the following custom css code in your form to hide the background highlight on validation error:

    .form-line-error {

    background: transparent !important;

    }

    The following guide should help you in injecting the custom css code:  http://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

    Hope this helps.

    Do get back to us if you have any questions.

    Thank you!

  • chiragvora123
    Replied on July 24, 2014 at 5:55 AM

    Hi,

     

    I injected your code and now it showing red box on each option if someone tries to submit the form blank. 

    I don't want that.

    What I want is an asterisk at the end of each question and that too after submit is made and when that asterisk is displayed it should display "* Required" on the left hand side of the submit button..

  • Ashwin JotForm Support
    Replied on July 24, 2014 at 7:30 AM

    Hello chiragvora123,

    Please take a look at the following form and see if this seems to be an acceptable solution for you:  http://form.jotformpro.com/form/42042308889964?

    Once the form is submitted, it will display the red box in the options which is not selected and also it will display the error message "* Required" on the left of the submit button.

    Do get back to us if the above form looks okay and I will explain you on how to achieve this in your form.

    I am not sure how we can display the "*" at the end of every question. The best way to achieve this will be by downloading your form's source code and adding own code to show hide the "*" at the end of every question.

    We will wait fro your response.

    Thank you!