WebApi ile İstemci Tarafı Doğrulaması

Question

WebApi'ye geri dönen nesnelerimde istemci tarafı doğrulaması gerçekleştirmeye çalışıyorum. Varlığı webapi aracılığıyla Varlık düzenleme ekranına gönderirim. Nesneyi alanlara bağlamak için nakavt kullanıyorum.

Tüm sunucu tarafı doğrulamasını ele alan bir işlem filtrem zaten var. Etki alanı modeli veri notlarımı çoğaltmak zorunda kalmadan istemci tarafı doğrulamasını nasıl ekleyebilirim?

Answer 1

HTTP API'mi oluşturduğumda, model nesneleri (DTO'lar, istek modelleri, vb.) .NET istemcileri için dağıtabileceğim ayrı bir gruba koydum.

public abstract class UserUpdateRequestModel { 

    [Required] 
    [StringLength(50)] 
    public string Name { get; set; } 

    [Required] 
    [EmailAddress] 
    [StringLength(320)] 
    public string Email { get; set; } 
} 

Bu benim API kullanmak budur:

aşağıdaki sınıf düşünün

public UserDto PutUser(Guid key, UserUpdateRequestModel requestModel) { 

    // Do something here 
} 

Sen oluşturmak için örneğin, ASP.NET MVC istemci uygulamasında bu aynı model kullanabilir ASP.NET MVC olarak data- özniteliklerine sahip HTML girişleri, veri ek açıklama doğrulama özniteliklerini temel alarak bunları oluşturma yöntemine sahiptir.

Answer 2

WebApi ile, model doğrulama hatalarından geri gelen hataları istemci tarafı doğrulayıcıya bağlamak için biraz “yapıştırıcı” koduna ihtiyacınız vardır.

modelde

function extractErrors(jqXhr, validator) { 
    var data = JSON.parse(jqXhr.responseText), // parse the response into a JavaScript object 
     errors = {}; 

    $.each(data.ModelState, function (key, value) { 
     var pieces = key.split('.'); 
     key = pieces[pieces.length - 1]; 
     errors[key] = value 
    }); 

    validator.showErrors(errors); // show the errors using the validator object 
} 

, her zamanki gibi açıklama:

[Required] 
[Display(Name = "Group Name")] 
public string Name { get; set; } 

görünümünde, ValidationMessageFor etiketler ekleyin:

@Html.EditorFor(m => m.Name) 
@Html.ValidationMessageFor(m => m.Name)