ASP CustomValidator 无法检测通过 JQuery 自动完成更改的文本

Question

我编写了一个网页，它使用 ASP.NET CustomValidator 来验证文本字段（客户端）的输入。文本字段使用 JQuery UI 自动完成 - 这就是我遇到问题的地方。

验证器工作得很好。但是，如果验证失败并且用户收到错误消息，用户将返回文本字段并输入新值 - 从自动完成插件创建的下拉列表中进行选择。现在，当选择新值并且用户离开输入字段时，验证代码不会再次触发。我怀疑这是因为，由于某种原因，当值来自自动完成帮助程序时，没有检测到文本已更改。这有道理吗？

有谁知道当用户从字段中删除焦点时如何强制字段通过 CustomValidator 进行验证？

这是 CustomValidator：

<asp:CustomValidator EnableClientScript="True" runat="server" ControlToValidate="tbInput"
                    ID="inputCustomValidator" ClientValidationFunction="validateFunction" ErrorMessage="Not valid"
                    Display="Dynamic" ValidationGroup="ValidationGrp1" />

被调用的 javascript 并不有趣 - 因为它没有被调用。这就是我想要实现的目标。

Answer 1

我找到了一种方法来做到这一点。在 javascript 中，我向我想要验证的元素添加了一个 Blur() 函数，并使该函数触发 Page_ClientValidate('validationGroupName')。对我来说这是一个新功能。

$('.elementToValidate').blur(function () {
Page_ClientValidate('ValidationGrp1');
});

Answer 2

这可能不是您想听到的，但我会尽可能避免混合 jQuery 和 ASP.net 的 Javascript - 它们往往不能很好地发挥作用。

对于您的情况，我建议转储 ASP.net CustomValidator 并切换到 jQuery 的 验证插件。这将与 jQuery UI 配合得更好。

Answer 3

您还可以使用 autoselect 的 select: 处理程序来触发验证。

$(".someClass").autocomplete({
select: function(event, ui)
{
Page_ClientValidate(ui);
}
});

Answer 4

我通过为文本框设置 onBlur 事件来实现此功能。

<asp:TextBox ID="TextBox1" runat="server" onBlur="Page_ClientValidate('ValidationGrp1');"></asp:TextBox>

（假设您的 CustomValidator 的 ValidationGroup 是“ValidationGrp1”）