0

我的数据模型中有以下字段：

 public bool JointAccount { get; set; }

 [RequiredIf("JointAccount", "true", ErrorMessage = "Please select a Title")]
 public string JointAccountTitle { get; set; }

 [RequiredIf("JointAccount", "true", ErrorMessage = "Please enter first name")]
 public string JointAccountFirstName { get; set; }

我的观点如下：

<div class="form-group">
  @Html.Label("Joint Account?", htmlAttributes: new { @class = "control-label col-md-4" })
  <div class="col-md-8">
    <div class="checkbox">
      @Html.EditorFor(model => model.JointAccount)
      @Html.ValidationMessageFor(model => model.JointAccount, "", new { @class = "text-danger" })
    </div>
  </div>
</div>

<div class="form-group">
                        @Html.Label("Title", htmlAttributes: new { @class = "control-label col-md-4" })
                        <div class="col-md-8">
                            <select required style="width:100%;height:35px;border-radius:4px;padding-left:10px;" id="JointAccountTitle" name="JointAccountTitle" class="form-control input required">
                                <option value="">Please Select Title</option>
                                <option value="Mr">Mr</option>
                                <option value="Ms">Ms</option>
                                <option value="Miss">Miss</option>
                                <option value="Mrs">Mrs</option>
                                <option value="Fr">Fr</option>
                                <option value="Dr">Dr</option>
                                <option value="Prof">Prof</option>
                                <option value="Rev">Rev</option>
                                <option value="Sr">Sr</option>
                                <option value="Br">Br</option>
                            </select>
                            @Html.ValidationMessageFor(model => model.JointAccountTitle, "", new { @class = "text-danger" })
                        </div>
                    </div>

                    <div class="form-group">
                        @Html.Label("First Name", htmlAttributes: new { @class = "control-label col-md-4" })
                        <div class="col-md-8">
                            @Html.EditorFor(model => model.JointAccountFirstName, new { htmlAttributes = new { @class = "form-control" } })
                            @Html.ValidationMessageFor(model => model.JointAccountFirstName, "", new { @class = "text-danger" })
                        </div>
                    </div>

如果联合帐户复选框已填写，我试图确保在此处输入数据，但它似乎仅在标题的下拉列表中的文本框上没有抛出任何验证错误，这里有什么想法吗？

4

2 回答 2

0

您手动创建<select>元素而不添加添加规则data-val-*所需的必要属性，因此您永远无法获得 jquery 验证（请注意，该属性是 HTML5 验证，而不是 jquery 验证）。jquery.validate.unobtrusive.jsjquery.validate.js<select>required

如果您声称您在JointAccountTitle属性（下拉列表）上获得验证，而不是在JointAccountFirstName（文本框）上，这意味着 jquery 客户端验证甚至没有被触发。最可能的原因是您没有加载正确的脚本，或者它们以错误的顺序加载。你需要有

jquery-{version}.js
jquery.validate.js
jquery.validate.unobtrusive.js
mvcfoolproof.unobtrusive.js

要获得选择列表的 jquery 验证，您需要将相关data-val-属性添加到您的手动 html 中，或者更好的是，使用该DropDownListFor()方法生成您的下拉列表

@Html.DropDownListFor(m => m.JointAccountTitle, Model TitleList, "Please select title", new { @ class="form-control input })

视图模型中包含选项值TitleList的属性在哪里IEnumerable<SelectListItem>

于 2017-01-19T21:30:40.237 回答
-1

我最近遇到了同样的问题。尝试用.EditorFor()a替换.TextBoxFor()：

@Html.TextBoxFor(model => model.JointAccountFirstName, new { htmlAttributes = new { @class = "form-control" } })

不知道为什么这对 Foolproof 来说是个问题，但它对我有用。

于 2017-01-19T15:16:39.973 回答