单击时检查验证和禁用按钮

Question

我有一个 ASP.NET 应用程序，我已经实现了以下代码来禁止用户双击和提交按钮，因此代码背后的方法不会执行一次。

OnClientClick="this.disabled = true; this.value = 'Submitting...';" UseSubmitBehavior="false" onclick="BtnSubmit_Click"

这工作得很好，但是在我实现了 javascript 表单验证的页面之一上，下面的代码不起作用：

OnClientClick="return validation(); this.disabled = true;"  UseSubmitBehavior="false"  onclick="BtnAdd_Click"

验证是为了确保用户不会留下任何空白字段，但是如果验证成功，单击按钮时，按钮会被禁用，但不会调用 onclick 方法。

为什么会发生这种情况？

Answer 1

Rikket，你必须编写单独的代码来防止重复提交表单，一旦提交，一个 Jquery 函数可能会有所帮助，如下所示，把它放在你的 JavaScript 验证函数之后：

jQuery.fn.preventDoubleSubmission = function () {
            var $form = $(this);
            $form.on('submit', function (e) {
                if ($form.data('submitted') === true) {
                    e.preventDefault();
                } else {
                    $form.data('submitted', true);
                }
            }).find('input').on('change', function () {
                $form.data('submitted', false);
            });
            return this;
        };

并且可以在您在 else 中验证后调用：

 if (nullFieldTracked == 'true') {
                    alert(nullExceptionMsg);
                    return false;
                }
                else {
                    $('form').preventDoubleSubmission();
                }