Convalida lato client con WebApi

Question

Sto tentando di eseguire la convalida lato client sui miei oggetti che ritorna attraverso WebApi. Invio l'entità tramite webapi alla schermata di modifica Entità. Io uso knockout per legare l'oggetto ai campi.

Ho già un filtro azione che gestisce tutte le convalide lato server. Come posso incorporare la convalida del lato client senza dover duplicare le annotazioni dei dati del modello di dominio?

Answer 1

Quando creo la mia API HTTP, inserisco gli oggetti modello (DTO, modelli di richiesta, ecc.) In un assembly separato che posso distribuire per client .NET.

Si consideri la seguente classe:

public abstract class UserUpdateRequestModel { 

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

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

Questo è quello che uso nel mio API:

public UserDto PutUser(Guid key, UserUpdateRequestModel requestModel) { 

    // Do something here 
} 

È possibile utilizzare questo stesso modello nell'applicazione client ASP.NET MVC per esempio per generare gli input HTML con gli attributi di convalida data- come ASP.NET MVC ha un modo per generare quelli basati sugli attributi di convalida dell'annotazione dei dati.

Answer 2

Con WebApi, è necessario un piccolo codice "colla" per collegare gli errori provenienti dai fallimenti di convalida del modello al validatore lato client.

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 
} 

Sul modello, annotare come al solito:

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

Nella vista, aggiungere i tag ValidationMessageFor:

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