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

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

    });