Clientseitige Validierung auf Knopfdruck vor AJAX-Anforderung

Question

Ich verwende MVC 4 und möchte eine einzelne Zeile aus einer Sammlung von Zeilen in einer Tabelle validieren, um sicherzustellen, dass die Felder korrekt eingegeben werden und die Validierung bestehen .

Die Attribute werden auf dem Modell richtig angewendet, zum Beispiel:

[Required] 
[MaxLength(50)] 
[MinLength(5)] 
public string Name {get; set;} 

nun auf der Client-Seite - wie aktiviere ich seitige Validierung Client, bevor Sie eine AJAX-Methode aufrufen?

Um weitere Komplikationen hinzuzufügen - Ich habe eine Schaltfläche, wo Sie eine Zeile dynamisch zur Tabelle hinzufügen können, füllen Sie Felder aus und drücken Sie schließlich die Update-Taste, die einen POST über Ajax tun wird. Aber vor diesem Beitrag möchte ich diese bestimmte Zeile auf der Clientseite validieren.

wie kann ich das tun?

danke

Answer 1

Solange Sie die Validierungs Helfer in Ihrer Ansicht sind Implementierung, das ist eigentlich ganz einfach.

var form = $('#form'); 
$.validator.unobtrusive.parse(form); 
form.validate(); 

if (form.valid()) { 
    .... ajax stuff 
} 

Rufen Sie den oben, bevor die HTTP-Anforderung zu initiieren und es wird sicherstellen, dass Ihr Formular validiert.