javascript - How to disable jquery unobrusive validation on page load but keep on submit click -


i'm application, have form splitted on multiple pages, viewmodel posted accorss pages (forward & backward).

all form methods http post

page 1 form submitted page 2 (next) page 2 form submitted page 3 (next) or page 1 (previous) page 3 form submitted page 4 (next) or page 2 (previous) .... 

my problem when page 2 loaded, form validated , required fields in error state (normal, empty @ stage)

i'm searching way way disable unobrusive validation on page load or when user click on previous button (need submit because hidden fields should posted)

validation shouldt occurs when user click on "next" button.

in 1 word : want validte form when user click on "next" button.

thanks

found solution: adding on previous button click disable validation on submit:

 $("form").validate().cancelsubmit = true; 

and remove validation when 2nd posted form loaded:

$(document).ready(function () {          // don't know why without this, don't work         $('#form-inscription').validate().resetform();          var $form = $("#form-inscription");          // validator object         var $validator = $form.validate();          // errors created using jquery.validate.unobtrusive         var $errors = $form.find(".field-validation-error");          // removes validation messages         $errors.each(function (e) {             $(this).html('');         });          // clear errors validation         $validator.resetform();     }); 

Comments