How can I remove field validation?

  • Profile Image
    jasxiao
    Asked on April 07, 2017 at 04:46 AM

    Hello,

    I want to remove validation on input field on blur. I did not find any option to remove these validations.

    Can you help me to do this??

    Thanks
    Jason Xiao

  • Profile Image
    Sven
    Answered on April 07, 2017 at 05:06 AM

    Please inject the following CSS code into your form:

     

    .form-error-message {

    display: none !important;

    }

    .form-line-error {

    background:none repeat scroll 0 0;

    }

     

    Please refer to this guide for more info on how to inject custom CSS:

    How to Inject Custom CSS Codes

  • Profile Image
    jasxiao
    Answered on April 07, 2017 at 10:12 PM

    If I am using this css, it just remove the background and error message and shows red border to the textbox. 

    But I want to remove all validation, when I click mouse outisde input field without filling data in input field.

    So let me help to fix this.

     

  • Profile Image
    AIDAN
    Answered on April 08, 2017 at 05:24 AM

    In order to achieve what you requested, please open the field's properties and scroll down to find the "Required" option and turn it off:

    I hope this helps. If you need further assistance please let us know. Thank you.

  • Profile Image
    jasxiao
    Answered on April 08, 2017 at 08:22 AM

    No that was not helpful.

    If I turn off the "Required" option, then when I submit the form with blank fields, gives no error.

    I need validation error only when I submit form, not when I click outside blank input field. 

  • Profile Image
    ashwin_d
    Answered on April 08, 2017 at 03:28 PM

    Hello jasxiao,

    If I understand your question correctly, you do not need to show the validation error message to be displayed once you move across form field but display the validation summary after the submit button is clicked. Is that correct?

    Please inject the following custom css code in your form and see if that solves your problem:

    .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;

    }

    The following guide should help you how to inject custom css code in form:  https://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!

  • Profile Image
    jasxiao
    Answered on April 08, 2017 at 09:18 PM

    I used above css, it still not works as according what I need.

  • Profile Image
    Welvin
    Answered on April 09, 2017 at 03:20 AM

    I'm sorry, but in general, our field validation worked that way. However, it gets triggered when you click the field and leave it without filling it up. It's not possible to change this behavior. A workaround would be to get and embed the form using the source codes and add your own validation script.

    https://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

    Note that you cannot import back the modified source codes in the form builder, you have to embed it that way. 

    Let us know if you need further assistance.