这是我的代码的简单版本:
<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()
函数放在一个按钮后面。
添加causevalidation =“true”适用于文本框控件。
如此接近......只需在取消按钮上为ValidationGroup
名称设置专用名称即可。这将导致它与剩余的验证一起处理循环。没有设置它有效地把它放在“默认”验证组中,行为(如你所见),有点奇怪。
为了允许取消按钮免于表单验证的其余部分,我通常应用的规则是[ValidationGroupName]Cancel
,以确保它在该验证块之外被触发。在这种情况下,将取消按钮设置为类似;
<asp:Button ID="btnCancel" runat="server" Text="Cancel" ValidationGroup="valGroupCancel" OnClick="btnCancelClick" />
应该给你预期的行为。