asp.net-mvc – asp.net mvc 3 – ajax表单提交和验证

前端之家收集整理的这篇文章主要介绍了asp.net-mvc – asp.net mvc 3 – ajax表单提交和验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我很抱歉,如果这已经被问到,但我一直在寻找一段时间,但我发现所有的都是相当老的帖子(mvc1,mvc2)。
我有一个表单,我想通过Ajax提交。

This看起来像是可以工作,但不包括服务器端验证。

1)我不确定是否应该使用AjaxHelper.BeginForm或使用raw jquery调用($ .ajax)?这里推荐的方法是什么?

2)如何处理客户端和服务器端验证?我希望mvc框架提供一个内置的机制来处理这个问题?
有一些验证,我只是在服务器端。使用ValidationSummary还能在这里工作吗?

我正在使用asp.net mvc3 / razor与unobtrussive JavaScript验证。

谢谢!

编辑:(根据Bobby B的要求)。
在询问用户想知道如何使用AjaxHelper的时候,这个问题被添加了几个月

这是我使用的JavaScript代码

<script type="text/javascript">

function ajaxValidate() {
  return $('form').validate().form();
}

function getGbPostSuccess(ajaxContext){
  // .... it is not necessary to do anything here.
}
function showFaliure(ajaxContext){
   // handle failure
}

HTML片段:

@using (Ajax.BeginForm("Index","Home",new AjaxOptions
                        {
                            UpdateTargetId = "form1",InsertionMode = InsertionMode.Replace,OnBegin = "ajaxValidate",OnSuccess = "getGbPostSuccess",OnFailure = "showFaliure"
                        }))
{

解决方法

为此,我一直在使用 malsup’s jQuery form plugin。我老实说不熟悉AjaxHelper,但是看起来会像你想要的那样做。只要进行客户端和服务器端验证,只要您使用模型绑定和System.DataAnnotations命名空间中的属性,这些都将自动发生。
public class MyModel
{
    [required(ErrorMessage = "Please enter your name")]
    public String Name { get; set; }

    [required(ErrorMessage = "Please enter your email")]
    public String Email { get; set; }

    [required(ErrorMessage = "Please enter a rating")]
    [Range(1,5,ErrorMessage = "The rating must be between 1 and 5")]
    public Int32 Rating { get; set; }
}

[HttpPost]
public ActionResult Index(MyModel myModel)
{
   if(ModelState.IsValid)
   {
       // good to go,put it in the DB or whatever you need to do
   }
   else 
   {
       return View(model); // return the user back to the page,ModelState errors can be viewed using Html.ValidationSummary() or individual Html.ValidationMessageFor() calls
   }
}

如果您正在进行自己的自定义服务器端验证,您可以通过创建实现ValidationAttribute的属性来创建自己的自定义验证属性,或者通过调用ModelState.Errors.Add()(或其周围的某些东西)添加验证错误,我没有参考资料)

对于客户端,MVC将根据您的模型上的DataAnnotations属性为您生成客户端验证。

原文链接:https://www.f2er.com/aspnet/253434.html

猜你在找的asp.Net相关文章