MVC3 和验证 Razor 和 jQuery 插件的混合

Question

我正在使用 MVC3，我的视图中混合了 razor 和原始 html，例如

<div class="editor-field">
     @Html.EditorFor(model => model.PAGE)
     @Html.ValidationMessageFor(model => model.PAGE)
</div>


<div class="editor-label">
     @Html.LabelFor(model => model.PERIODICAL)
</div>
     div class="editor-field">
     <div class="editor-field">
          <input type="text" id="periodicallist" name="tiperiodical" />
     </div>
</div>

我的 JavaScript 将 tokenInput 控件插件应用于文本框并且一切正常，但我想知道如何验证它（即对于空文本框/tokenInput），它需要填充至少 1 个令牌。目前，创建视图的这两种形式令人困惑，让 Razor 直接从模型构造元素，然后通过使用 jQuery 插件等添加更多复杂性/自定义。

谁能告诉我如何在回发到控制器时验证 jQuery 插件？

干杯

Answer 1

如果您使用不显眼的验证，那么您所要做的就是将必要的 HTML5 数据属性添加到来自 javascript 的输入元素，然后微软的不显眼的 javascript 库将负责其余的工作。

例如。如果您通过 javascript 将文本框动态注入到表单中，并且您需要执行所需的验证，那么您只需添加 data-val 和 data-val-required 属性，如下所示。

<input data-val="true" 
       data-val-required="No. of joinees is required" 
       name="NoOfJoinees" 
       type="text"  />

编辑：

要显示验证错误消息，您必须在字段附近注入 span，

<span class="field-validation-valid" 
      data-valmsg-for="NoOfJoinees" 
      data-valmsg-replace="true">
</span>