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 :
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.Sunucu tarafı
ModelState.IsValid
çalışır mı?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
İ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ü
jQuery / Ajax - $.() ajax Geri arama P...
Jquery AJAX Post türü kesin belirlenmi...
nasıl node.js jQuery ile ajax çağrılar...
İptal Ajax istekleri jQuery kullanarak...
Nasıl jQuery Ajax çağrısından sonra bi...