SORU
22 Aralık 2012, CUMARTESİ


Jquery ajax ile ASP.NET MVC doğrulama kullanmak?

Bu gibi basit ASP.NET MVC eylem var :

public ActionResult Edit(EditPostViewModel data)
{

}

EditPostViewModel doğrulama bu gibi özelliklere sahiptir :

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

Görünümü aşağıdaki yardımcıları kullanıyorum :

 @Html.LabelFor(Model => Model.EditPostViewModel.Title, true)

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

Eğer yaparsam bu textbox ilk servis istemci üzerinde ve daha sonra yapılacak bir doğrulama(ModelState.IsValid) yerleştirilen bir form gönderin.

Şimdi bir kaç sorum var :

  1. Bu ajax yerine teslim jQuery ile kullanılabilir mi? Ben ne yapıyorum sadece form ve Gönder düğmesi bir javascript veri toplama ve $.ajax Çalıştır o zaman tıklatarak kaldırın.

  2. Sunucu tarafı ModelState.IsValid çalışır mı?

  3. Nasıl ileri geri sorun, istemci doğrulama ve Im gibi inşa mevcut int doğrulama(@Html.ValidationSummary(true)) kullanarak yapabilir miyim?

Ajax çağrısı örneği :

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');
        }
    });
}

Edit 1:

Sayfada dahil :

<script src="/Scripts/jquery-1.7.1.min.js"></script>
<script src="/Scripts/jquery.validate.min.js"></script>
<script src="/Scripts/jquery.validate.unobtrusive.min.js"></script>

CEVAP
31 Aralık 2012, PAZARTESİ


İstemci Tarafı

jQuery.validate kütüphane kullanarak çok basit bir şekilde olmalıdır.

Web.config dosyası: aşağıdaki ayarları belirtin

<appSettings>
    <add key="ClientValidationEnabled" value="true"/> 
    <add key="UnobtrusiveJavaScriptEnabled" value="true"/> 
</appSettings>

Sizin görünüm oluştururken, bu gibi şeyleri tanımlayın:

@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)

NOT:Bu form elemanı içinde tanımlanması gerekir

Aşağıdaki kitaplıkları dahil etmek gerekir:

<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>

Bu, istemci tarafında doğrulama için ayarlamak gerekir

Kaynaklar

Sunucu Tarafı

NOT:Bu sadece jQuery.validation kütüphane üstüne ek sunucu tarafında doğrulama için

Belki bu yardımcı olabilir gibi:

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

ValidateAjax bir öznitelik olarak tanımlanır:

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;
        }
    }
}

Bu ne dönüş JSON bir nesne modeli hatalar belirliyor.

Örnek cevap olurdu

[{
    "key":"Name",
    "errors":["The Name field is required."]
},
{
    "key":"Description",
    "errors":["The Description field is required."]
}]

Bu $.ajax aramanın hata işleme geri döner

Üzerinden döndürülen verileri olarak anahtar iadesi dayalı ($('input[name="' err.key '"]') gibi bir şey giriş elemanı bulacağını düşünüyorum . gerekli hata iletileri ayarlamak için döngü

Bunu Paylaş:
  • Google+
  • E-Posta
Etiketler:

YORUMLAR

SPONSOR VİDEO

Rastgele Yazarlar

  • Awesomesauce Network

    Awesomesauce

    4 EKİM 2012
  • Caina Mondo Zine

    Caina Mondo

    13 EKİM 2007
  • case LianLi

    case LianLi

    28 Mayıs 2010