Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

jQuery Validate plugin submitHandler delaying form submit

I am using jQuery Validate plugin's submitHandler to disable Submit Button, but once form submitted button is disabled and I have to wait like good 5 - 10 seconds before form will be POSTED to other page? Whole Code below, very strange? It maybe something with time-out ?

        <script src="http://code.jquery.com/jquery-1.7.2.js" type="text/javascript"></script>
        <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script>
        <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script>   

        <script>

        $( "#UploadForm" ).validate({

  errorLabelContainer: "#messageBox",
  wrapper: "td",

  rules: {  

   name: {
        required: true
         }

  },
  submitHandler: function (form) {

   $('#submit').attr('disabled','disabled');
   form.submit();

}

});
        </script>
like image 437
user974435 Avatar asked Feb 27 '26 07:02

user974435


1 Answers

$('#UploadForm').submit(); triggers another round of validation ("too much recursion error" documented here: http://jqueryvalidation.org/documentation/)

Try this:

submitHandler: function (form) {
   $('#submit').attr('disabled','disabled');
   form.submit();
}
like image 193
Roland Jansen Avatar answered Feb 28 '26 22:02

Roland Jansen