blocks|key|3049862|text|你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3049863|(编辑：考虑到您正在等待与dataType:+'json'的响应json+)|offset|length|style|BOLD|CODE|3049864|.NET|3049865|public+JsonResult+Edit(EditPostViewModel+data)
{
++++if(ModelState.IsValid)+
++++{
+++++++//+Save++
+++++++return+Json(new+{+Ok+=+true+}+);
++++}

++++return+Json(new+{+Ok+=+false+}+);
}|code-block|syntax|javascript|3049866|JS：|3049867|success:+function+(data)+{
++++if+(data.Ok)+{
++++++alert('success');
++++}
++++else+{
++++++alert('problem');
++++}
},|3049868|如果你需要，我还可以通过返回一个错误500来解释如何做到这一点，并在事件错误中获取错误(ajax)。但在您的情况下，这可能是一种选择|3049869|entityMap^0|0|1|3|D|G|W|4|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|X|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|Y|8|@$D|Z|E|10|F|G]|$D|11|E|12|F|H]|$D|13|E|14|F|H]]|9|@]|A|$]]|$1|I|3|J|5|6|7|15|8|@]|9|@]|A|$]]|$1|K|3|L|5|M|7|16|8|@]|9|@]|A|$N|O]]|$1|P|3|Q|5|6|7|17|8|@]|9|@]|A|$]]|$1|R|3|S|5|M|7|18|8|@]|9|@]|A|$N|O]]|$1|T|3|U|5|6|7|19|8|@]|9|@]|A|$]]|$1|V|3|-4|5|6|7|1A|8|@]|9|@]|A|$]]]|W|$]]

You can do it this way:

(Edit: Considering that you're waiting for a response <code>json</code> with <code>dataType: 'json'</code>) 

.NET

<pre><code>public JsonResult Edit(EditPostViewModel data)
{
 if(ModelState.IsValid) 
 {
 // Save 
 return Json(new { Ok = true } );
 }

 return Json(new { Ok = false } );
}
</code></pre>

JS:

<pre><code>success: function (data) {
 if (data.Ok) {
 alert('success');
 }
 else {
 alert('problem');
 }
},
</code></pre>

If you need I can also explain how to do it by returning a error 500, and get the error in the event error (ajax). But in your case this may be an option

blocks|key|2837041|text|您应该做的是序列化表单数据并将其发送到控制器操作。MVC将使用ASP.NET模型绑定特性将表单数据绑定到EditPostViewModel对象(您的操作方法参数)。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2837042|您可以在客户端验证表单，如果一切正常，则将数据发送到服务器。valid()方法将派上用场。|2837043|$(function+()+{

++++$("#yourSubmitButtonID").click(function+(e)+{

++++++++e.preventDefault();
++++++++var+_this+=+$(this);
++++++++var+_form+=+_this.closest("form");

++++++++var+isvalid+=+_form+.valid();++//+Tells+whether+the+form+is+valid

++++++++if+(isvalid)
++++++++{+++++++++++
+++++++++++$.post(_form.attr("action"),+_form.serialize(),+function+(data)+{
++++++++++++++//check+the+result+and+do+whatever+you+want
+++++++++++})
++++++++}

++++});

});|code-block|syntax|javascript|2837044|entityMap|0|LINK|mutability|MUTABLE|url|https://jqueryvalidation.org/valid/^0|1G|H|0|U|7|U|7|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@$9|Y|A|Z|B|C]]|D|@$9|10|A|11|1|12]]|E|$]]|$1|H|3|I|5|J|7|13|8|@]|D|@]|E|$K|L]]|$1|M|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|N|$O|$5|P|Q|R|E|$S|T]]]]

What you should do is to serialize your form data and send it to the controller action. ASP.NET MVC will bind the form data to the <code>EditPostViewModel</code> object( your action method parameter), using MVC model binding feature.

You can validate your form at client side and if everything is fine, send the data to server. The <a href="https://jqueryvalidation.org/valid/" rel="noreferrer"><code>valid()</code></a> method will come in handy.

<pre><code>$(function () {

 $("#yourSubmitButtonID").click(function (e) {

 e.preventDefault();
 var _this = $(this);
 var _form = _this.closest("form");

 var isvalid = _form .valid(); // Tells whether the form is valid

 if (isvalid)
 { 
 $.post(_form.attr("action"), _form.serialize(), function (data) {
 //check the result and do whatever you want
 })
 }

 });

});
</code></pre>

blocks|key|205642|text|客户端|type|unstyled|depth|inlineStyleRanges|entityRanges|data|205643|使用jQuery.validate库应该很容易设置。|offset|length|style|CODE|205644|在Web.config文件中指定以下设置：|205645|<appSettings>
++++<add+key="ClientValidationEnabled"+value="true"/>+
++++<add+key="UnobtrusiveJavaScriptEnabled"+value="true"/>+
</appSettings>|code-block|syntax|javascript|205646|在构建视图时，您会定义如下内容：|205647|@Html.LabelFor(Model+=>+Model.EditPostViewModel.Title,+true)
@Html.TextBoxFor(Model+=>+Model.EditPostViewModel.Title,+
++++++++++++++++++++++++++++++++new+{+@class+=+"tb1",+@Style+=+"width:400px;"+})
@Html.ValidationMessageFor(Model+=>+Model.EditPostViewModel.Title)|205648|备注：这些需要在表单元素中定义|BOLD|205649|然后，您需要包含以下库：|205650|<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>|205651|这应该能够为客户端验证做好准备|205652|资源|205653|205654|http://msdn.microsoft.com/en-us/vs2010trainingcourse_aspnetmvccustomvalidation_topic5.aspx|unordered-list-item|205655|205656|服务器端|205657|注意：这仅用于在jQuery.validation库之上进行额外的服务器端验证|205658|也许像这样的东西可能会有所帮助：|205659|[ValidateAjax]
public+JsonResult+Edit(EditPostViewModel+data)
{
++++//Save+data
++++return+Json(new+{+Success+=+true+}+);
}|205660|其中，ValidateAjax是定义为：|205661|public+class+ValidateAjaxAttribute+:+ActionFilterAttribute
{
++++public+override+void+OnActionExecuting(ActionExecutingContext+filterContext)
++++{
++++++++if+(!filterContext.HttpContext.Request.IsAjaxRequest())
++++++++++++return;

++++++++var+modelState+=+filterContext.Controller.ViewData.ModelState;
++++++++if+(!modelState.IsValid)
++++++++{
++++++++++++var+errorModel+=+
++++++++++++++++++++from+x+in+modelState.Keys
++++++++++++++++++++where+modelState[x].Errors.Count+>+0
++++++++++++++++++++select+new
+++++++++++++++++++++++++++{
+++++++++++++++++++++++++++++++key+=+x,
+++++++++++++++++++++++++++++++errors+=+modelState[x].Errors.
++++++++++++++++++++++++++++++++++++++++++++++++++++++Select(y+=>+y.ErrorMessage).
++++++++++++++++++++++++++++++++++++++++++++++++++++++ToArray()
+++++++++++++++++++++++++++};
++++++++++++filterContext.Result+=+new+JsonResult()
+++++++++++++++++++++++++++++++++++++++{
+++++++++++++++++++++++++++++++++++++++++++Data+=+errorModel
+++++++++++++++++++++++++++++++++++++++};
++++++++++++filterContext.HttpContext.Response.StatusCode+=+
++++++++++++++++++++++++++++++++++++++++++++++++++(int)+HttpStatusCode.BadRequest;
++++++++}
++++}
}|205662|这将返回一个指定所有模型错误的JSON对象。|205663|示例响应将是|205664|[{
++++"key":"Name",
++++"errors":["The+Name+field+is+required."]
},
{
++++"key":"Description",
++++"errors":["The+Description+field+is+required."]
}]|205665|这将返回给$.ajax调用的错误处理回调|205666|您可以遍历返回的数据，根据返回的键设置所需的错误消息(我认为像$('input[name="'+%2B+err.key+%2B+'"]')这样的东西可以找到您的输入元素|205667|entityMap|0|LINK|mutability|MUTABLE|url^0|0|2|F|0|1|A|0|0|0|0|0|3|0|0|0|0|0|0|0|2I|0|0|0|0|0|3|8|H|0|0|0|3|C|0|0|0|0|0|5|6|0|V|Y|0^^$0|@$1|2|3|4|5|6|7|21|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|22|8|@$D|23|E|24|F|G]]|9|@]|A|$]]|$1|H|3|I|5|6|7|25|8|@$D|26|E|27|F|G]]|9|@]|A|$]]|$1|J|3|K|5|L|7|28|8|@]|9|@]|A|$M|N]]|$1|O|3|P|5|6|7|29|8|@]|9|@]|A|$]]|$1|Q|3|R|5|L|7|2A|8|@]|9|@]|A|$M|N]]|$1|S|3|T|5|6|7|2B|8|@$D|2C|E|2D|F|U]]|9|@]|A|$]]|$1|V|3|W|5|6|7|2E|8|@]|9|@]|A|$]]|$1|X|3|Y|5|L|7|2F|8|@]|9|@]|A|$M|N]]|$1|Z|3|10|5|6|7|2G|8|@]|9|@]|A|$]]|$1|11|3|12|5|6|7|2H|8|@]|9|@]|A|$]]|$1|13|3|-4|5|6|7|2I|8|@]|9|@]|A|$]]|$1|14|3|15|5|16|7|2J|8|@]|9|@$D|2K|E|2L|1|2M]]|A|$]]|$1|17|3|-4|5|6|7|2N|8|@]|9|@]|A|$]]|$1|18|3|19|5|6|7|2O|8|@]|9|@]|A|$]]|$1|1A|3|1B|5|6|7|2P|8|@$D|2Q|E|2R|F|U]|$D|2S|E|2T|F|G]]|9|@]|A|$]]|$1|1C|3|1D|5|6|7|2U|8|@]|9|@]|A|$]]|$1|1E|3|1F|5|L|7|2V|8|@]|9|@]|A|$M|N]]|$1|1G|3|1H|5|6|7|2W|8|@$D|2X|E|2Y|F|G]]|9|@]|A|$]]|$1|1I|3|1J|5|L|7|2Z|8|@]|9|@]|A|$M|N]]|$1|1K|3|1L|5|6|7|30|8|@]|9|@]|A|$]]|$1|1M|3|1N|5|6|7|31|8|@]|9|@]|A|$]]|$1|1O|3|1P|5|L|7|32|8|@]|9|@]|A|$M|N]]|$1|1Q|3|1R|5|6|7|33|8|@$D|34|E|35|F|G]]|9|@]|A|$]]|$1|1S|3|1T|5|6|7|36|8|@$D|37|E|38|F|G]]|9|@]|A|$]]|$1|1U|3|-4|5|6|7|39|8|@]|9|@]|A|$]]]|1V|$1W|$5|1X|1Y|1Z|A|$20|15]]]]

<h1>Client Side</h1>

Using the <code>jQuery.validate</code> library should be pretty simple to set up.

Specify the following settings in your <code>Web.config</code> file:

<pre><code>&lt;appSettings&gt;
 &lt;add key="ClientValidationEnabled" value="true"/&gt; 
 &lt;add key="UnobtrusiveJavaScriptEnabled" value="true"/&gt; 
&lt;/appSettings&gt;
</code></pre>

When you build up your view, you would define things like this:

<pre><code>@Html.LabelFor(Model =&gt; Model.EditPostViewModel.Title, true)
@Html.TextBoxFor(Model =&gt; Model.EditPostViewModel.Title, 
 new { @class = "tb1", @Style = "width:400px;" })
@Html.ValidationMessageFor(Model =&gt; Model.EditPostViewModel.Title)
</code></pre>

NOTE: These need to be defined within a form element

Then you would need to include the following libraries:

<pre><code>&lt;script src='@Url.Content("~/Scripts/jquery.validate.js")' type='text/javascript'&gt;&lt;/script&gt;
&lt;script src='@Url.Content("~/Scripts/jquery.validate.unobtrusive.js")' type='text/javascript'&gt;&lt;/script&gt;
</code></pre>

This should be able to set you up for client side validation

<h2>Resources</h2>

<ul>
<li><a href="http://msdn.microsoft.com/en-us/vs2010trainingcourse_aspnetmvccustomvalidation_topic5.aspx" rel="noreferrer">http://msdn.microsoft.com/en-us/vs2010trainingcourse_aspnetmvccustomvalidation_topic5.aspx</a></li>
</ul>

<h1>Server Side</h1>

NOTE: This is only for additional server side validation on top of <code>jQuery.validation</code> library

Perhaps something like this could help:

<pre><code>[ValidateAjax]
public JsonResult Edit(EditPostViewModel data)
{
 //Save data
 return Json(new { Success = true } );
}
</code></pre>

Where <code>ValidateAjax</code> is an attribute defined as:

<pre><code>public class ValidateAjaxAttribute : ActionFilterAttribute
{
 public override void OnActionExecuting(ActionExecutingContext filterContext)
 {
 if (!filterContext.HttpContext.Request.IsAjaxRequest())
 return;

 var modelState = filterContext.Controller.ViewData.ModelState;
 if (!modelState.IsValid)
 {
 var errorModel = 
 from x in modelState.Keys
 where modelState[x].Errors.Count &gt; 0
 select new
 {
 key = x,
 errors = modelState[x].Errors.
 Select(y =&gt; y.ErrorMessage).
 ToArray()
 };
 filterContext.Result = new JsonResult()
 {
 Data = errorModel
 };
 filterContext.HttpContext.Response.StatusCode = 
 (int) HttpStatusCode.BadRequest;
 }
 }
}
</code></pre>

What this does is return a JSON object specifying all of your model errors.

Example response would be

<pre><code>[{
 "key":"Name",
 "errors":["The Name field is required."]
},
{
 "key":"Description",
 "errors":["The Description field is required."]
}]
</code></pre>

This would be returned to your error handling callback of the <code>$.ajax</code> call

You can loop through the returned data to set the error messages as needed based on the Keys returned (I think something like <code>$('input[name="' + err.key + '"]')</code> would find your input element

blocks|key|3049918|text|这里有一个相当简单的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3049919|在控制器中，我们像这样返回错误：|3049920|if+(!ModelState.IsValid)
++++++++{
++++++++++++return+Json(new+{+success+=+false,+errors+=+ModelState.Values.SelectMany(x+=>+x.Errors).Select(x+=>+x.ErrorMessage).ToList()+},+JsonRequestBehavior.AllowGet);
++++++++}|code-block|syntax|javascript|3049921|以下是一些客户端脚本：|3049922|function+displayValidationErrors(errors)
{
++++var+$ul+=+$('div.validation-summary-valid.text-danger+>+ul');

++++$ul.empty();
++++$.each(errors,+function+(idx,+errorMessage)+{
++++++++$ul.append('<li>'+%2B+errorMessage+%2B+'</li>');
++++});
}|3049923|这就是我们通过ajax处理它的方式：|3049924|$.ajax({
++++cache:+false,
++++async:+true,
++++type:+"POST",
++++url:+form.attr('action'),
++++data:+form.serialize(),
++++success:+function+(data)+{
++++++++var+isSuccessful+=+(data['success']);

++++++++if+(isSuccessful)+{
++++++++++++$('#partial-container-steps').html(data['view']);
++++++++++++initializePage();
++++++++}
++++++++else+{
++++++++++++var+errors+=+data['errors'];

++++++++++++displayValidationErrors(errors);
++++++++}
++++}
});|3049925|另外，我用以下方式通过ajax呈现部分视图：|3049926|var+view+=+this.RenderRazorViewToString(partialUrl,+viewModel);
++++++++return+Json(new+{+success+=+true,+view+},+JsonRequestBehavior.AllowGet);|3049927|RenderRazorViewToString方法：|3049928|public+string+RenderRazorViewToString(string+viewName,+object+model)
++++{
++++++++ViewData.Model+=+model;
++++++++using+(var+sw+=+new+StringWriter())
++++++++{
++++++++++++var+viewResult+=+ViewEngines.Engines.FindPartialView(ControllerContext,
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++viewName);
++++++++++++var+viewContext+=+new+ViewContext(ControllerContext,+viewResult.View,
+++++++++++++++++++++++++++++++++++++++++ViewData,+TempData,+sw);
++++++++++++viewResult.View.Render(viewContext,+sw);
++++++++++++viewResult.ViewEngine.ReleaseView(ControllerContext,+viewResult.View);
++++++++++++return+sw.GetStringBuilder().ToString();
++++++++}
++++}|3049929|entityMap^0|0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|10|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|11|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|13|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|15|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|16|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|17|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|18|8|@]|9|@]|A|$G|H]]|$1|U|3|V|5|6|7|19|8|@]|9|@]|A|$]]|$1|W|3|X|5|F|7|1A|8|@]|9|@]|A|$G|H]]|$1|Y|3|-4|5|6|7|1B|8|@]|9|@]|A|$]]]|Z|$]]

Here's a rather simple solution:

In the controller we return our errors like this:

<pre><code>if (!ModelState.IsValid)
 {
 return Json(new { success = false, errors = ModelState.Values.SelectMany(x =&gt; x.Errors).Select(x =&gt; x.ErrorMessage).ToList() }, JsonRequestBehavior.AllowGet);
 }
</code></pre>

Here's some of the client script:

<pre><code>function displayValidationErrors(errors)
{
 var $ul = $('div.validation-summary-valid.text-danger &gt; ul');

 $ul.empty();
 $.each(errors, function (idx, errorMessage) {
 $ul.append('&lt;li&gt;' + errorMessage + '&lt;/li&gt;');
 });
}
</code></pre>

That's how we handle it via ajax:

<pre><code>$.ajax({
 cache: false,
 async: true,
 type: "POST",
 url: form.attr('action'),
 data: form.serialize(),
 success: function (data) {
 var isSuccessful = (data['success']);

 if (isSuccessful) {
 $('#partial-container-steps').html(data['view']);
 initializePage();
 }
 else {
 var errors = data['errors'];

 displayValidationErrors(errors);
 }
 }
});
</code></pre>

Also, I render partial views via ajax in the following way:

<pre><code>var view = this.RenderRazorViewToString(partialUrl, viewModel);
 return Json(new { success = true, view }, JsonRequestBehavior.AllowGet);
</code></pre>

RenderRazorViewToString method:

<pre><code>public string RenderRazorViewToString(string viewName, object model)
 {
 ViewData.Model = model;
 using (var sw = new StringWriter())
 {
 var viewResult = ViewEngines.Engines.FindPartialView(ControllerContext,
 viewName);
 var viewContext = new ViewContext(ControllerContext, viewResult.View,
 ViewData, TempData, sw);
 viewResult.View.Render(viewContext, sw);
 viewResult.ViewEngine.ReleaseView(ControllerContext, viewResult.View);
 return sw.GetStringBuilder().ToString();
 }
 }
</code></pre>

blocks|key|3049934|text|在@Andrew+Burgess提供的解决方案中添加了更多逻辑。以下是完整的解决方案：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|3049935|已创建操作筛选器以获取ajax请求的错误：|3049936|public+class+ValidateAjaxAttribute+:+ActionFilterAttribute
++++{
++++++++public+override+void+OnActionExecuting(ActionExecutingContext+filterContext)
++++++++{
++++++++++++if+(!filterContext.HttpContext.Request.IsAjaxRequest())
++++++++++++++++return;

++++++++++++var+modelState+=+filterContext.Controller.ViewData.ModelState;
++++++++++++if+(!modelState.IsValid)
++++++++++++{
++++++++++++++++var+errorModel+=
++++++++++++++++++++++++from+x+in+modelState.Keys
++++++++++++++++++++++++where+modelState[x].Errors.Count+>+0
++++++++++++++++++++++++select+new
++++++++++++++++++++++++{
++++++++++++++++++++++++++++key+=+x,
++++++++++++++++++++++++++++errors+=+modelState[x].Errors.
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++Select(y+=>+y.ErrorMessage).
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ToArray()
++++++++++++++++++++++++};
++++++++++++++++filterContext.Result+=+new+JsonResult()
++++++++++++++++{
++++++++++++++++++++Data+=+errorModel
++++++++++++++++};
++++++++++++++++filterContext.HttpContext.Response.StatusCode+=
++++++++++++++++++++++++++++++++++++++++++++++++++++++(int)HttpStatusCode.BadRequest;
++++++++++++}
++++++++}
++++}|code-block|syntax|javascript|3049937|将过滤器添加到我的控制器方法，如下所示：|3049938|[HttpPost]
//+this+line+is+important
[ValidateAjax]
public+ActionResult+AddUpdateData(MyModel+model)
{
++++return+Json(new+{+status+=+(result+==+1+?+true+:+false),+message+=+message+},+JsonRequestBehavior.AllowGet);
}|3049939|增加了jquery验证的通用脚本：|3049940|function+onAjaxFormError(data)+{
++++var+form+=+this;
++++var+errorResponse+=+data.responseJSON;
++++$.each(errorResponse,+function+(index,+value)+{
++++++++//+Element+highlight
++++++++var+element+=+$(form).find('#'+%2B+value.key);
++++++++element+=+element[0];
++++++++highLightError(element,+'input-validation-error');

++++++++//+Error+message
++++++++var+validationMessageElement+=+$('span[data-valmsg-for="'+%2B+value.key+%2B+'"]');
++++++++validationMessageElement.removeClass('field-validation-valid');
++++++++validationMessageElement.addClass('field-validation-error');
++++++++validationMessageElement.text(value.errors[0]);
++++});
}

$.validator.setDefaults({
++++++++++++ignore:+[],
++++++++++++highlight:+highLightError,
++++++++++++unhighlight:+unhighlightError
++++++++});

var+highLightError+=+function(element,+errorClass)+{
++++element+=+$(element);
++++element.addClass(errorClass);
}

var+unhighLightError+=+function(element,+errorClass)+{
++++element+=+$(element);
++++element.removeClass(errorClass);
}|3049941|最后，在我的Ajax+Begin表单中添加了error+javascript方法：|3049942|@model+My.Model.MyModel
@using+(Ajax.BeginForm("AddUpdateData",+"Home",+new+AjaxOptions+{+HttpMethod+=+"POST",+OnFailure="onAjaxFormError"+}))
{
}|3049943|entityMap^0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|X|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Y|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|10|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|11|8|@]|9|@]|A|$]]|$1|O|3|P|5|F|7|12|8|@]|9|@]|A|$G|H]]|$1|Q|3|R|5|6|7|13|8|@]|9|@]|A|$]]|$1|S|3|T|5|F|7|14|8|@]|9|@]|A|$G|H]]|$1|U|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|V|$]]

Added some more logic to solution provided by @Andrew Burgess. Here is the full solution:

Created a action filter to get errors for ajax request:

<pre><code>public class ValidateAjaxAttribute : ActionFilterAttribute
 {
 public override void OnActionExecuting(ActionExecutingContext filterContext)
 {
 if (!filterContext.HttpContext.Request.IsAjaxRequest())
 return;

 var modelState = filterContext.Controller.ViewData.ModelState;
 if (!modelState.IsValid)
 {
 var errorModel =
 from x in modelState.Keys
 where modelState[x].Errors.Count &gt; 0
 select new
 {
 key = x,
 errors = modelState[x].Errors.
 Select(y =&gt; y.ErrorMessage).
 ToArray()
 };
 filterContext.Result = new JsonResult()
 {
 Data = errorModel
 };
 filterContext.HttpContext.Response.StatusCode =
 (int)HttpStatusCode.BadRequest;
 }
 }
 }
</code></pre>

Added the filter to my controller method as:

<pre><code>[HttpPost]
// this line is important
[ValidateAjax]
public ActionResult AddUpdateData(MyModel model)
{
 return Json(new { status = (result == 1 ? true : false), message = message }, JsonRequestBehavior.AllowGet);
}
</code></pre>

Added a common script for jquery validation:

<pre><code>function onAjaxFormError(data) {
 var form = this;
 var errorResponse = data.responseJSON;
 $.each(errorResponse, function (index, value) {
 // Element highlight
 var element = $(form).find('#' + value.key);
 element = element[0];
 highLightError(element, 'input-validation-error');

 // Error message
 var validationMessageElement = $('span[data-valmsg-for="' + value.key + '"]');
 validationMessageElement.removeClass('field-validation-valid');
 validationMessageElement.addClass('field-validation-error');
 validationMessageElement.text(value.errors[0]);
 });
}

$.validator.setDefaults({
 ignore: [],
 highlight: highLightError,
 unhighlight: unhighlightError
 });

var highLightError = function(element, errorClass) {
 element = $(element);
 element.addClass(errorClass);
}

var unhighLightError = function(element, errorClass) {
 element = $(element);
 element.removeClass(errorClass);
}
</code></pre>

Finally added the error javascript method to my Ajax Begin form:

<pre><code>@model My.Model.MyModel
@using (Ajax.BeginForm("AddUpdateData", "Home", new AjaxOptions { HttpMethod = "POST", OnFailure="onAjaxFormError" }))
{
}
</code></pre>

I have simple ASP.NET MVC action like this : 

<pre><code>public ActionResult Edit(EditPostViewModel data)
{

}
</code></pre>

The <code>EditPostViewModel</code> have validation attributes like this : 

<pre><code>[Display(Name = "...", Description = "...")]
[StringLength(100, MinimumLength = 3, ErrorMessage = "...")]
[Required()]
public string Title { get; set; }
</code></pre>

In the view I am using the following helpers : 

<pre><code> @Html.LabelFor(Model =&gt; Model.EditPostViewModel.Title, true)

 @Html.TextBoxFor(Model =&gt; Model.EditPostViewModel.Title, 
 new { @class = "tb1", @Style = "width:400px;" })
</code></pre>

If I do a submit on a form that this textbox is placed in a validation will be done first on client and then on service(<code>ModelState.IsValid</code>).

Now I got a couple of questions :

<ol>
<li>Can this be used with jQuery ajax submit instead? What I am doing is simply remove the form and on clicking the submit button a javascript will gather data and then run the <code>$.ajax</code>.</li>
<li>Will the server side <code>ModelState.IsValid</code> work?</li>
<li>How can I forward validation problem back to the client and present it as if Im using the build int validation(<code>@Html.ValidationSummary(true)</code>)?</li>
</ol>

Example of Ajax call : 

<pre><code>function SendPost(actionPath) {
 $.ajax({
 url: actionPath,
 type: 'POST',
 dataType: 'json',
 data:
 {
 Text: $('#EditPostViewModel_Text').val(),
 Title: $('#EditPostViewModel_Title').val() 
 },
 success: function (data) {
 alert('success');
 },
 error: function () {
 alert('error');
 }
 });
}
</code></pre>

Edit 1: 

Included on page : 

<pre><code>&lt;script src="/Scripts/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/jquery.validate.min.js"&gt;&lt;/script&gt;
&lt;script src="/Scripts/jquery.validate.unobtrusive.min.js"&gt;&lt;/script&gt;
</code></pre>

Use ASP.NET MVC validation with jquery ajax?

服务器

jQuery

JSON

我有如下简单的ASP.NET MVC操作：public ActionResult Edit(EditPostViewModel data){}EditPostViewModel具有如下验证属性：[Display(Name = "...", Description = "...")][StringLength(100, ...

问在jquery ajax中使用ASP.NET MVC验证？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery ajax中使用ASP.NET MVC验证？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在jquery ajax中使用ASP.NET MVC验证？
EN