Asp.Net Mvc 远程验证文本框焦点问题答案

【问题标题】：Asp.Net Mvc remote validation textbox focus issueAsp.Net Mvc 远程验证文本框焦点问题
【发布时间】：2011-12-20 13:19:49
【问题描述】：

我在表单上有一个文本框 - 基本上是为了允许用户在我们的迷你 CMS 中更改其网站的 URL。我们使用远程验证来检查该 URL 是否尚未被使用。

他们输入所需的 URL 并点击保存按钮。如果他们这样做并且焦点从文本框直接转到提交按钮 - 验证不会发生并且表单无法正确提交。如果他们进入一个空白区域，那么表单就会这样做。

表单提交的问题是，如果他们点击空格，我们会得到与所需 URL 一起发布的提交按钮的名称 - 我们使用 (AcceptParameterAttribute) 允许我们将表单提交路由到正确的操作。这使用提交按钮名称属性来执行此操作。如果他们没有单击空格来失去对文本框的关注，那么只会发布所需的 URL。

这真的很奇怪，而且很烦人。有没有人见过这样的事情？有没有办法解决这个问题？

【问题讨论】：

【解决方案1】：

尝试将以下脚本添加到页面：

$(":input").live("blur", function () {
    $(this.form).validate().element(this);
});

这应该会在您单击提交按钮时进行验证。如果不是，请尝试将第一行更改为：

$(":submit").live("click", function () {

【讨论】：