如何防止在表單驗證中單擊輸入按鈕時提交多個時間表

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

    });