javascript - 如何防止在表单验证中单击 Enter 按钮时多次提交表单

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

    });

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

Answer 1

请使用 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;
        }

    });

Answer 2

您是否尝试在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;
        }

    });