.Net Mvc 3触发器(提交按钮除外)不显眼的验证

Question

我想要什么

我希望在我的View中使用我选择的事件触发客户端验证.它可能是'onblur'可能是另一个按钮,但不是提交按钮.

相关链接

如何在不使用提交按钮的情况下触发验证

将不显眼的jquery验证应用于ASP.Net MVC中的动态内容

我试过的

鉴于各种事件监听器,我已经解雇了以下方法而没有运气:

$(selector).validate();

$(selector).valid();

$.validator.unobtrusive.parseDynamicContent(selector);

$.validator.unobtrusive.parse($(selector));

摘要

所以我需要客户端验证来触发给定事件(除了提交)并显示相应的验证消息.我不觉得任何Markup/Razor语法是必要的,因为客户端验证会在提交时触发,并且所有相应的验证消息都会按预期显示.

Answer 1

$('form').valid()应该管用.让我们举例说明.

模型:

public class MyViewModel
{
    [Required]
    public string Foo { get; set; }
}

控制器:

public class HomeController : Controller
{
    public ActionResult Index()
    {
        return View(new MyViewModel());
    }
}

视图:

@model MyViewModel

<script src="@Url.Content("~/Scripts/jquery.validate.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")" type="text/javascript"></script>

@using (Html.BeginForm())
{
    @Html.LabelFor(x => x.Foo)
    @Html.EditorFor(x => x.Foo)
    @Html.ValidationMessageFor(x => x.Foo)
}

<div id="validate">Hover here to trigger validation</div>

<script type="text/javascript">
    $('#validate').hover(function () {
        $('form').valid();
    });
</script>