use*_*036 1 asp.net-mvc asp.net-mvc-viewmodel
我有一个简单的强类型视图.
@model GoldForGold.Models.LogonModel
@{
ViewBag.Title = "Logins";
Layout = "~/Views/Shared/_Layout.cshtml";
}
Logins
@using (Html.BeginForm()) {
Account Information
@Html.LabelFor(m => m.UserName)
@Html.TextBoxFor(m => m.UserName, new { id = "txtUserName" })
@Html.ValidationMessageFor(m => m.UserName)
@Html.LabelFor(m => m.Password)
@Html.PasswordFor(m => m.Password, new { id = "txtPassword" })
@Html.ValidationMessageFor(m => m.Password)
@Html.CheckBoxFor(m => m.RememberMe)
@Html.LabelFor(m => m.RememberMe)
<input type="submit" value="Log On" onclick="getcredentials()" />
}
Run Code Online (Sandbox Code Playgroud)
型号代码在这里.
public class LogonModel
{
[Required(ErrorMessage="please enter username")]
[Display(Name = "User name")]
public string UserName { get; set; }
[Required]
[DataType(DataType.Password)]
[Display(Name = "Password")]
public string Password { get; set; }
[Display(Name = "Remember me?")]
public bool RememberMe { get; set; }
}
Run Code Online (Sandbox Code Playgroud)
即使我没有输入用户名和密码,我也看不到任何事情发生.
Vah*_*yan 32
这是完整的解决方案:
将以下脚本添加到视图中:
<script src='@Url.Content("~/Scripts/jquery-1.8.2.js")' type='text/javascript'></script>
<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>
Run Code Online (Sandbox Code Playgroud)在Web.Config中启用验证:
<appSettings>
<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
</appSettings>
Run Code Online (Sandbox Code Playgroud)在视图中添加验证元素:
@Html.ValidationMessageFor(model => model.UserName)
Run Code Online (Sandbox Code Playgroud)为模型的元素添加必需属性.
[Required(ErrorMessage="please enter username")]
public string UserName { get; set; }
Run Code Online (Sandbox Code Playgroud)另一件需要警惕的事情[Required]是在整数字段上使用它时,不仅是在存储数值时,而且在存储下拉/选择列表的选定值的 id 时:
[Required]在这种情况下不起作用,因为整数属性永远不能为空,因此默认值始终为零。 [Required]正在检查该属性是否具有值,并且零被视为一个值,因此检查将通过。
在这种情况下,要么将该属性声明为可为空的整数:
[Required]
public int? LanguageId { get; set; } // note the int is now nullable
Run Code Online (Sandbox Code Playgroud)
或者使用该Range属性来阻止零成为可接受的值:
[Range(1, int.MaxValue)]
public int LanguageId { get; set; }
Run Code Online (Sandbox Code Playgroud)
对于客户端验证,您需要jquery和jquery验证.
之后,必须在config中启用客户端验证:
<appSettings>
...
<add key="ClientValidationEnabled" value="true" />
<add key="UnobtrusiveJavaScriptEnabled" value="true" />
Run Code Online (Sandbox Code Playgroud)
对于服务器端验证,您可以检查验证状态:
ModelState.IsValid;
Run Code Online (Sandbox Code Playgroud)
小智 5
作为记录,您可以在视图末尾包含以下代码,以确保该[Required]属性在用户界面中弹出:
@section Scripts {
@Scripts.Render("~/bundles/jqueryval")
}
Run Code Online (Sandbox Code Playgroud)