@{
Layout = null;
}
@using MvcWeb.Extensions
<!DOCTYPE html>
<html>
<head>
<title>Index</title>
<script src="https://www.cnblogs.com/Scripts/jquery-1.5.1.js" type="text/javascript"></script>
<script type="text/javascript" src="https://www.jb51.net/@Url.Content("http://www.cnblogs.com/Scripts/jquery-1.5.1-vsdoc.js")"></script>
<script type="text/javascript" src="https://www.jb51.net/@Url.Content("http://www.cnblogs.com/scripts/jquery.validate.js")"></script>
</head>
<body>
<div>
<form action="" method="post">
<input type="text" />
@{ this.Jquery().Validations().Required("user.Name","用户名是必填的 亲");}
<select>
<option value="">Please select...</option>
<option value="1">Male</option>
<option value="2">Femle</option>
</select>
@{ this.Jquery().Validations().Required("user.Gender", null);}
<input type="text" />
@{this.Jquery().Validations().Element("user.Email").Required("邮箱是必填的").Email("请填写正确的邮箱格式");}
<input type="submit" value="提交" />
</form>
</div>
<script type="text/javascript">
@Html.Raw(this.Jquery().Validations().ToScripts("#form"))
</script>
</body>
</html>
对于在页面中实现验证的方法，我介绍一下咱们应该注意的地方
1.就是我们必须引入对应的js文件，如果我们不引入jquery.validation.js文件，那么验证也是不成功的
2.必须把要验证的元素放到form标签内
3.就是我们在通过链式方法验证元素的时候应该注意顺序，虽然说任何顺序都是可以的，但是我们也要按照业务逻辑来对验证顺序进行调整
4.最后我们通过一个submit按钮来进行提交，可能有人要用ajax等其他方式来提交页面，我可以告诉你，我尝试了一下，这样不会触发前端js的验证
5.最后我们必须要通过ToScript方法来拼接出验证的js，在Mvc中框架会自动进行编码，所以我们要求框架不要编码。如果没有要求框架
不要编码，那么最后得到的js结果就是编码过的js，这不是我们要的结果。具体你可以查看源代码看一下执行结果
最后还是有图有真相
1。初始界面显示
2.如果有些条件不满足，那么就会在界面上显示错误信息，当然这是可定制的。在我