如何防止在表单验证中单击输入按钮时提交多个时间表

Question

我在我的应用程序中使用表单验证。当我多次按下输入表单时，会多次提交表单。

这里是我的代码：

$.validate({ 
     modules: 'security', 
     form: '#import-form', 
     validateOnBlur: false, 
     errorMessagePosition: 'element', 
     scrollToTopOnError: false, 
     language: { 
      requiredFields: "This field is required." 
     }, 
     onSuccess: function ($form) { 
      submitjob(); 
      return false; 
     } 

    }); 

请让我知道如何防止多时间提交表单上按下回车键。提前致谢。

Answer 1

您是否尝试过使用的preventDefault（）在的onSuccess？像

$.validate({ 
     modules: 'security', 
     form: '#import-form', 
     validateOnBlur: false, 
     errorMessagePosition: 'element', 
     scrollToTopOnError: false, 
     language: { 
      requiredFields: "This field is required." 
     }, 
     onSuccess: function ($form) { 
      $form.preventDefault(); 
      submitjob(); 
      return false; 
     } 

    }); 

Answer 2

请使用submitHandler回调，而不是onSuccesscallback

$.validate({ 
     modules: 'security', 
     form: '#import-form', 
     validateOnBlur: false, 
     errorMessagePosition: 'element', 
     scrollToTopOnError: false, 
     language: { 
      requiredFields: "This field is required." 
     }, 
     submitHandler: function ($form) { 
      submitjob(); 
      return false; 
     } 

    });