Question

我使用了一个事件监听器来阻止我的asp：button（提交）操作，因为我想在实际提交之前用javascript函数验证我的表单。

formInstance.addEventListener('submit', function (event) {
    event.preventDefault(); 
}, false);

这是按钮：

<asp:Button ID="btnCreateForm" CssClass="submit-form button" runat="server" 
    Text="Save Form" OnClick="btnCreateForm_Click" 
        OnClientClick="Sharpforms.checkFormEntry()" />

已解雇的javascript：

checkFormEntry: function () {
    var formName = document.getElementById("txtFormName");

    if (formName.value.trim() == "") {
        alert("Please fill in a valid form name!");
        return false;
    }
    else {
        //formInstance.submit();
        return true;
    }
}

显然javascript submit（）确实提交了表单，因为页面正在重新加载，但我发现它不再进入我的ASP端 btnCreateForm_Click 功能了：

protected void btnCreateForm_Click(object sender, EventArgs e)
{
    System.Diagnostics.Debug.WriteLine("Test if the button has been clicked.");
}

在评论我的表单事件监听器以及submit（）并尝试本机提交时，他会毫无问题地进入click函数。但后来我无法在客户端检查我的表格。我错过了什么？

Answer 1

您必须将返回添加到OnClientClick事件。如果函数返回true，则发生回发。如果函数返回false，则回发将被取消。

<asp:Button ID="btnCreateForm" CssClass="submit-form button" runat="server" 
    Text="Save Form" OnClick="btnCreateForm_Click" 
        OnClientClick="return Sharpforms.checkFormEntry()" />

此外，以这种方式执行此操作可以删除事件侦听器。

JavaScript表单提交不会触发提交按钮的asp服务器端点击功能

1 个答案: