即使验证无效,ASP.Net文本框也会触发OnTextChanged

问题描述 投票:2回答:2

这是我的代码的简单版本:

<asp:TextBox ID="textBox" runat="server" AutoPostBack="true" OnTextChanged="textChanged" CausesValidation="true" ValidationGroup="valGroup"></asp:TextBox>
<asp:RegularExpressionValidator ID="regEx" runat="server" ControlToValidate="textBox" ValidationGroup="valGroup" ErrorMessage="Not a valid number." Display="Dynamic" ValidationExpression="(^0*[1-9]+\d*(\.\d+)?$)|(^0*\.0*[1-9]+\d*$)" />

<asp:Button ID="btnSave" runat="server" Text="Save" OnClick="btnSaveClick" ValidationGroup="valGroup" />

<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClick="btnCancelClick" CausesValidation="false" />

它是一个带有正则表达式验证器的文本框,它应该将输入限制为只有正实数。当文本发生变化并通过验证时,将调用textChanged()函数。

如果文本无效,textChanged()将不会触发,并且保存按钮也不起作用。

这按预期工作。

我还有一个取消按钮,它应该只是清除文本框(以及服务器端的其他一些东西)。它应该能够回发到服务器,无论文本框是否有效,因此CausesValidation="false"标记。

我的问题是当我在文本框中输入无效的东西,然后单击取消它实际上在textChanged()之前执行btnCancelClick()。即使它无效。

这是一个很大的问题,因为textChanged()使用文本框文本作为数字,因此页面会抛出异常。

我不知道是什么导致textChanged()被召唤。首先,取消按钮甚至不会调用该功能。并且正则表达式验证器应该阻止文本框调用它。

编辑:我已尝试进行一些更改和实验。

function cancel()
{

  document.getElementById('<%=textBox.ClientID%>').value = "";

}

<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="cancel()" CausesValidation="false" />

我切换了取消按钮来调用JavaScript方法来尝试清除文本框。结果很有意思。

当输入无效字符串作为第一件事时,取消按钮工作正常。它会在没有调用textChanged()的情况下清除文本框。

如果我输入有效数字,textChanged()会按照我的预期调用。但是当我点击取消按钮时它会调用cancel(),然后立即再次调用textChanged(),但现在文本框为空,导致异常。

如果我输入有效的东西,然后使其无效,就会发生类似的事情。调用textChanged()作为有效输入。添加不正确的输入时,验证器会阻止调用textChanged()。但是当我点击取消时,它会从cancel()转到textChanged()

我想也许是因为验证器不会通过回发持续存在,但是使用JavaScript函数cancel()按钮不会导致页面回发。 textChanged()必须是造成它的原因,但我不知道如何。

编辑2:我不打算将此标记解决,因为在我看来它仍然是一个巨大的问题,但我找到了一个解决方法。

<script>

    function cancel() {

        document.getElementById('<%=textBox.ClientID%>').value = "";
        return false;

    }

</script>

<asp:Button ID="btnCancel" runat="server" Text="Cancel" OnClientClick="return cancel();" CausesValidation="false" />

在任何情况下,这都不允许按钮引发回发。它正在修复一些不应该存在的东西,但它确实存在。

这有助于点击按钮,但不能与其他东西一起使用。我有一个带有OnSelectedIndexChanged函数服务器端的GridView。它还会使页面使用textChanged()函数进行回发。我可以尝试创建一个JavaScript版本的GridView函数并像取消按钮一样修复它,但在这个阶段我可能会删除OnTextChanged事件处理程序并将textChanged()函数放在一个按钮后面。

asp.net validation webforms
2个回答
0
投票

添加causevalidation =“true”适用于文本框控件。


0
投票

如此接近......只需在取消按钮上为ValidationGroup名称设置专用名称即可。这将导致它与剩余的验证一起处理循环。没有设置它有效地把它放在“默认”验证组中,行为(如你所见),有点奇怪。

为了允许取消按钮免于表单验证的其余部分,我通常应用的规则是[ValidationGroupName]Cancel,以确保它在该验证块之外被触发。在这种情况下,将取消按钮设置为类似;

<asp:Button ID="btnCancel" runat="server" Text="Cancel" ValidationGroup="valGroupCancel" OnClick="btnCancelClick" />

应该给你预期的行为。

© www.soinside.com 2019 - 2024. All rights reserved.