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

Question

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

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

表单提交的问题是，如果他们点击空格，我们会获得与所需网址一起发布的提交按钮的名称 - 我们使用（AcceptParameterAttribute）允许我们将表单提交路由到右侧行动。这使用提交按钮名称属性来执行此操作。如果他们没有单击空格而忽略文本框，则只发布所需的URL。

这是一个非常奇怪的事情，非常烦人。以前有人见过这样的事吗？有办法克服这个问题吗？

Answer 1

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

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

这会导致您单击“提交”按钮时发生验证。如果没有，请尝试将第一行更改为：

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