时间戳

首页 > 解决方案 > 表单提交未在 ASP.NET 页面上回发

javascript - 表单提交未在 ASP.NET 页面上回发

问题描述

我在 ASP.NET 中有一个带有此按钮的表单：

<asp:Button ID="btnNext"
runat="server"
CausesValidation="false"
Text="Submit Form" />

我使用 jQuery Validate 对此表单进行验证，如下所示：

jQuery(function() {
    jQuery('#form1').validate({
        rules: {
            txtSerialNumber: {
                required: true
            }
        },
        messages: {
            txtSerialNumber: {
                required: "Please enter a serial number."
            }
        }
    });
});

还有更多，但所有领域都是一样的。我已验证此验证代码有效。

我也有一些 javascript 来调用验证代码，因为它以前不起作用（由于各种原因）。

jQuery('#btnNext').on("click", function () {
    if (jQuery("#form1").valid()) {
        jQuery(this).prop('disabled', true); // prevent multiple submits
        return true;
    } else {
        return false;
    }
});

编辑：当我注释掉禁用按钮的行时，表单会正确提交。因此，在页面回发之前禁用提交按钮似乎会导致页面不回发。

当我单击此按钮提交表单时，会调用上面的 javascript，但页面不会回发并提交。我一直在拔头发试图弄清楚这一点。是否有明显的原因表明它无法正常工作？我错过了什么？

标签： javascriptjqueryasp.netforms

解决方案

向按钮添加一个OnClientClick事件，该事件将调用验证，而不是.on("click")使用 jquery 添加事件处理程序。

<asp:Button ID="btnNext"
    runat="server"
    CausesValidation="false"
    Text="Submit Form"
    OnClientClick="validate()" />

javascript:

function validate () {
   if (jQuery("#form1").valid()) {
       jQuery(this).prop('disabled', true); // prevent multiple submits
       return true;
   } else {
       return false;
   }
});

推荐阅读