使用 javascript 验证 MVC3 中的表单

我只需要一个验证示例。剩下的我会做。假设我有一个文本类型的输入：

 <p>                          
<label for="ClientName">ClientName:</label> <%= Html.TextBoxFor(model => model.Name)%>         
 </p>        

在这里我想验证必填字段的文本框。我想要 JavaScript 中的这个必需的字段验证函数，并且我想在视图中使用这个脚本。

您是否考虑过使用不引人注目的验证？

您说您正在使用 MVC3（尽管显然不是 Razor 视图引擎）。

你的代码是这样的：<p><label for="ClientName">ClientName:</label> <%= Html.TextBoxFor(model => model.Name)%></p>可以写成<p>@Html.LabelFor(model=>model.Name) @Html.TextBoxFor(model => model.Name) </p>在 Razor 语法中。

如果您将其放入 web.config 中：

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

然后使用类似以下数据注释的内容来装饰模型中的属性：

[Display(Name = "Name")]
[Required(ErrorMessage = "Name is required")]
public string Name { get; set; }

然后将以下内容添加到您的_Layout.cshtml文件，您将获得不显眼的验证来工作：

<script src="@Url.Content("~/Scripts/jquery-1.7.1.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>

然后您可以将其添加到页面上的某个位置（您希望显示验证消息的位置）：@Html.ValidationMessageFor(model=>model.Name)