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

标签 javascript formvalidation-plugin jquery-form-validator

我在我的应用程序中使用表单验证。当我多次按 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;
        }

    });

请告诉我如何防止按回车键多次提交表单。提前致谢。

最佳答案

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

    });

关于javascript - 如何防止在表单验证中单击 Enter 按钮时多次提交表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38603266/

相关文章:

javascript - 当提交按钮在表单之外时,如何使用 Bootstrap 3 表单验证?

javascript - 使用 JavaScript 重定向

javascript - 在页面加载时隐藏具有特定类的 div,然后在加载后再次显示

javascript - 从字符串名称动态创建 JavaScript 函数

javascript - 如何在javascript验证之前 trim 非必填字段

javascript - 如何使用jquery仅当当前div有效时才激活下一个div?

javascript - 如何验证动态字段(动态创建的字段)

javascript - 表单验证和所有后续代码不执行