web-dev-qa-db-ja.com

.Net Mvc 3トリガー（送信ボタン以外）控えめな検証

私が欲しいもの

選択したイベントを使用して、ビューでクライアント側の検証をトリガーしたいと思います。 'onblur'は別のボタンかもしれませんが、送信ボタン以外のものである可能性があります。

関連リンク

送信ボタンを使用せずに検証をトリガーする方法

ASP.Net MVCの動的コンテンツに控えめなjquery検証を適用する

私が試したこと

さまざまなイベントリスナーを考慮して、運が悪かったので次のメソッドを起動しました。

$(selector).validate();

$(selector).valid();

$.validator.unobtrusive.parseDynamicContent(selector);

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

概要

したがって、特定のイベント（送信時以外）で起動し、対応する検証メッセージを表示するには、クライアント側の検証が必要です。クライアント検証は送信時に起動し、対応するすべての検証メッセージが期待どおりに表示されるため、マークアップ/レイザー構文のいずれかが必要であるとは思わない。

asp.net-mvc-3client-side-validationunobtrusive-validation
30
Justin Soliz

$('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>
56
Darin Dimitrov

HTMLに直接挿入されたカスタムメッセージの手動検証

@{using (Html.BeginForm("addBuyOnlinepostA", "BuyOnline", FormMethod.Post, new { @enctype = "multipart/form-data", @id = "form1" }))
  {

    @Html.ValidationSummary(true)

    <div class="row">
        <div class="col-sm-10">
            Product Qty
            <input class="inputs" required type="number" id="price" name="price" placeholder="Enter Price in AED"
                data-val="true" data-val-required="Please enter a value" data-val-regex="Please enter a valid number."
                data-val-regex-pattern="\d{1,20}" />
            <span class="field-validation-valid" data-valmsg-for="price" data-valmsg-replace="true"
                style="color: Red;"></span>
        </div>
    </div>   



    <input type="button" onclick="$('form').valid()" />

  }
}
0
Arun Prasad E S