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

前端之家收集整理的这篇文章主要介绍了asp.net-mvc-3 – .Net Mvc 3触发器(提交按钮除外)不显眼的验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我想要什么

我想在我的视图中使用我选择的事件触发客户端验证。它可能是“onblur”也许另一个按钮,但除了提交按钮。@H_502_3@

相关链接@H_502_3@

How to trigger validation without using a submit button@H_502_3@

Applying unobtrusive jquery validation to dynamic content in ASP.Net MVC@H_502_3@

我试过的@H_502_3@

给了一个各种事件侦听器,我已经解雇了以下方法没有运气:@H_502_3@

$(selector).validate();@H_502_3@

$(selector).valid();@H_502_3@

$ .validator.unobtrusive.parseDynamicContent(selector);@H_502_3@

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

概要@H_502_3@

所以我需要客户端验证来触发一个给定的事件(而不是提交),并显示相应的验证消息。我不觉得像任何的Markup / Razor语法是必要的,因为客户端验证触发提交和所有相应的验证消息显示为预期。@H_502_3@

解决方法

$(‘form’)。valid()应该工作。让我们举例说明。

模型:@H_502_3@

public class Myviewmodel
{
    [required]
    public string Foo { get; set; }
}

控制器:@H_502_3@

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

视图:@H_502_3@

@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>

猜你在找的asp.Net相关文章