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

Question

我在我的應用程序中使用表單驗證。 當我多次按Enter鍵時，表單會多次提交。

這是我的代碼：

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

    });

請按Enter鍵告訴我如何防止多次提交表單。 提前致謝。

Answer 1

您是否嘗試在onSuccess中使用preventDefault（） ？ 喜歡

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

    });