Question

.NET MVC数据验证实现

MVC在控制器中可以用ModelState.AddModelError("", "提供的用户名或密码不正确。");这种方式赋值错误提示，前端用@Html.ValidationSummary()方法显示。但是这有个问题，@Html.ValidationSummary()方法最终显示是带ul标签显示。
如果页面排版不适合在页面新增内容，而是用alert弹窗来显示错误信息更合适。这要怎么弄？现在不知道思路如何走。我只知道是用js里的ajax来实现。但是遇到很多奇怪问题：
Controllers代码：

public ActionResult Index()
{
return View();
}
[HttpPost]
public ActionResult Index(Operation.Model.userInfo ui)
{
if (ModelState.IsValid)
{
Operation.BLL.userInfo uiBLL = new Operation.BLL.userInfo();
if (uiBLL.Exists(ui))
{
return RedirectToAction("Index", "UserInfo");
}
else
{
return Content("用户名密码错误！");
}
}
else
{
return View();
}
}
JS代码：
$(document).ready(function () {
$('#loginBtn').click(function () {
$.ajax({
url: '/Login/Index',
data: 'string',
type: 'post',
success: function (data) {
alert(data);
}
});
});
});
我的控制器Index方法在else中要如何返回字符串或者json让JS的点击事件可以成功读取到信息，这个JS代码读取的Index是一开始return View那个方法，弹出来的是页面源码，另外写一个方法输出striing或者json是可以成功接收并弹出的，但是登陆按钮是button，不是submit。求大神给点思路。
我想的思路应该是按钮先submit表单内容给后台，然后后台进行判断用户名密码是否正确，不通过返回一个错误字符串或json格式数据给前端，前端用ajax接收数据利用alert弹出错误提示。

如果说只是单纯获取JsonResult方法或者string方法那很简单，不需要提交表单，但是这个登陆验证肯定是要先提交表单，在后台验证后再获取验证信息然后进行页面跳转或提示错误。这个就没有头绪了

Answer 1

WebSite模式中，对数据验证可以使用如下的验证方法。
在MVC4 Application中使用该验证方法，换种方法来说也就是验证不想写在Model中。该如何实现。

// Setup validation
Validation.RequireField("email", "You must specify an email address.");
Validation.RequireField("password", "You must specify a password.");
Validation.Add("password",
Validator.StringLength(
maxLength: Int32.MaxValue,
minLength: 6,
errorMessage: "Password must be at least 6 characters"));

<ol>
<li class="email">
<label for="email" @if (!ModelState.IsValidField("email"))
{<text>class="error-label"</text>}>电子邮件地址</label>
<input type="text" id="email" name="email" value="@email" @Validation.For("email")/>
@* 将任何用户名验证错误写入页中 *@
@Html.ValidationMessage("email")
</li>
<li class="password">
<label for="password" @if (!ModelState.IsValidField("password")) {<text>class="error-label"</text>}>密码</label>
<input type="password" id="password" name="password" @Validation.For("password")/>
@* 将任何密码验证错误写入页中 *@
@Html.ValidationMessage("password")
</li>
<li class="remember-me">
<input type="checkbox" id="rememberMe" name="rememberMe" value="true" checked="@rememberMe" />
<label class="checkbox" for="rememberMe">记住我?</label>
</li>
</ol>
<input type="submit" value="登录" />

Answer 2

给form一个id 然后 在button点击的时候 进行验证 然后在获取根据form的id获取这个form $("#formId").submit() 就实现了 form的提交 用submit 也可以 在点击的时候 进行判断 返回true就是继续执行也就是提交 返回false 就是终止 也就是不会继续运行也就不会提交了 请采纳

追问

现在不是submit的问题。首先要把填入的数据发送到控制器Index方法验证，那么就要submit，然后在控制器里面进行判断是跳转还是提示错误。
如果用我上面的代码，不使用submit那么JS里面获取的data是整个View的代码。并不是用户名密码错误。这表示根本没有走下面的Index方法
使用submit，那么页面就只有用户名密码错误！这几个字，页面其他内容都不见了。

追答

不用啊 点击的时候 获取账号的val 和密码的val 然后 ajax进行传输啊 况且 在 后台返回的内容中你写成json格式的 然后在js中就可以或得到 或者在后台拼接的时候 有一个特殊的符号吧数据分开 然后在前台var a= split（“特殊符号”） 前提是你拼接的数据你要知道顺序 然后 使用a[0] a[1] a[2]来取数据

Answer 3

参考这个吧，挺全的：
http://www.cnblogs.com/axzxs2001/archive/2009/09/10/1564348.html