[英]Unobtrusive jQuery Validation Using MVC3 and Razor Fail
<script src="/Scripts/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
@model Izdivac.Models.User
@using(Html.BeginForm("Basics", "User", FormMethod.Post , new { id="aboutme"}))
{
@Html.ValidationSummary(true)
<fieldset>
<ul>
<li>
<label>Username</label>
@Html.TextBoxFor(m => m.Username, new {@class = "input-text size-xl"})
@Html.ValidationMessageFor(model => model.Username)
</li>
<li>
<label>First Name</label>
@Html.TextBoxFor(m => m.FirstName, new {@class = "input-text size-xl"})
@Html.ValidationMessageFor(model => model.FirstName)
</li>
<li>
<label>Last Name</label>
@Html.TextBoxFor(m => m.LastName, new {@class = "input-text size-xl"})
@Html.ValidationMessageFor(model => model.LastName)
</li>
<li>
<label>Gender</label>
@Html.EnumDropDownListFor(m => m.BasicInfo.Gender)
</li>
<li>
<input type="submit" class="input-button" />
</li>
</ul>
</fieldset>
}
<script type="text/javascript">
$(function () {
$('#aboutme').submit(function () {
$.ajax({
url: this.action,
type: this.method,
data: $(this).serialize(),
success: function (result) {
$('#ShowResultHere').html(result.s);
}
});
return false;
});
});
</script>
I m trying to do client side validation without hitting the server and failing. 我正在尝试进行客户端验证,而不会导致服务器失败。
how can i fix this? 我怎样才能解决这个问题? why is this failing? 为什么会失败?
EDIT: 编辑:
here is model: 这是模型:
public class User
{
public int Id { set; get; }
[StringLength(40)]
[Required]
public string FirstName { set; get; }
[StringLength(40)]
[Required]
public string LastName { set; get; }
[StringLength(100)]
[Required]
public string FullName { set; get; }
var formValid = $("#aboutme").validate().form();
if (!formValid) return false;
Did it. 做到了。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.