javascript - 是否可以从另一个事件中取消一个 JavaScript 事件？

Question

我想知道，是否可以从另一个事件中取消队列中的下一个 JavaScript 事件？

问题:

我有两个 ASP.Net 控件，
年龄 - 文本框
保存 - 按钮

有两个JavaScript验证函数，
ValidateAge() - 检查有效年龄(0 >= Age <= 140)，如果无效则提供警报
ValidatePage() - 检查页面中的所有必填字段并在填写所有必填字段时保存

<asp:TextBox ID="txtAge" TabIndex="1" DataType = "String" runat="server" MaxLength="50" CssClass="textBox" Style="width: 150px" CausesValidation="true" onblur="return ValidateAge();"></asp:TextBox>

并且有一个为按钮定义的访问 key ，

<asp:Button ID="btnSave"  AccessKey="S" AssociatedControlID="btnSave" TabIndex="1" runat="server" CssClass="ButtonSaveNew" onclick="return ValidatePage();"></asp:Button>

现在如果我按 Alt+S 并且 Age 字段中的年龄无效，首先调用 Age 的 onblur(正如我设置 AssociatedControlID) 然后调用保存按钮的 onclick

现在发生的事情是，无论年龄是有效还是无效，都会执行保存。

如果年龄无效，我需要从文本框的 onblur 事件中取消按钮的 onclick 事件。

Answer 1

可能发生的情况是您的表单 正在提交，因此按钮实际上并没有触发onclick 事件(因为它没有被这样点击!) .如果您在其中一个表单字段中按回车键(即使是 txtAge 字段!)，您可能会注意到相同的行为，因为这也会导致表单提交。

在这种情况下，最简单的做法是将 ValidatePage 函数注册为表单上提交事件的处理程序:

<form onsubmit="ValidatePage()">

尽管我很感激您使用 WebForms，因此这可能会很困难。每当我在 WebForms 中完成客户端验证时，我总是依赖于 jQuery.validation 插件。如果您已经依赖 jQuery，那么它提供了一个非常简洁的模型来进行验证。它不能很好地与开箱即用的 WebForms 一起使用，您需要稍微尝试一下才能使其正常工作。 Dave Ward 的帖子可能会有所帮助:http://encosia.com/using-jquery-validation-with-asp-net-webforms/