1

我有一个包含 RenderPartial 标记的视图。在部分视图中，我有一个表单，但客户端表单验证在服务器请求之前没有触发。服务器端验证工作正常。这很奇怪，因为我有其他观点，但没有完美工作的 RenderPartials。似乎当我包含 RenderParial 时，它似乎会导致验证停止工作。

顺便说一句 - 我已将两个 webconfig 设置都设置为 true：

<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />

此外，模型已更新为包含 [必需] 属性。这是一个快照：

[Required]
[CreditCard]
public string CardNumber { get; set; }

[Required]
[Display(Name = "Name on card")]
public string CardHolder { get; set; }

[Required]
public string Address { get; set; }

这是父代码段：

@if (ViewBag.tabvalue.Equals("billing"))
{
<div>
    <p>
        @{Html.RenderPartial("_BillingInfo");}
    </p>
</div>
}

这是子部分视图（我删除了一些字段以减少复制量）：

@model MVC4.Models.ClientCreditCard

@using (Html.BeginForm("CreditCard", "Client", FormMethod.Post, new { }))
{
    @Html.AntiForgeryToken()

    <fieldset style="color:white">
        <legend></legend>
        <div style="color:white;clear:left">@Html.ValidationSummary(true)</div>

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

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

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

        <p>
            <input type="submit" value="Submit" />
        </p>
    </fieldset>
}

提前感谢您的帮助！

4

2 回答 2

0

在以下情况下，客户端验证应该可以正常工作：

  1. jquery.validate.js,validate.unobtrusive.js包括
  2. ClientValidationEnabled,UnobtrusiveJavaScriptEnabled设置为真
  3. document.ready表单应在触发之前加载

RenderPartial如果您的表单以正常方式加载，则不会引起问题。我的意思是您是否使用 ajax 加载表单（您的表单在document.ready触发后加载）？如果是，那么您应该通过添加手动解析表单：

$.validator.unobtrusive.parse('<your_form_selector>');

注意：由 jquery 验证器正确解析的表单将具有novalidate="novalidate"属性。检查您的表格是否有一个开始故障排除。

于 2013-11-12T10:08:56.043 回答
0

在我看来，您没有在视图中包含 JQuery 验证文件。因此，您的客户端验证不起作用。您需要在视图中编写以下代码。

@section scripts {
    @Scripts.Render("~/bundles/jqueryval")
}
于 2013-11-11T20:03:16.460 回答