2016-10-03 3 views
4

Ich habe ein Modal mit meinen Eingaben, ich verwende jQuery.Validate, um mein Formular beim Senden zu validieren, mein Problem ist, dass wenn ich das modale schließe und dann öffne ich wieder die Modalität der Validierung immer noch da, also meine Frage ist, wie kann ich diese Nachrichten zurücksetzen oder ausblenden, wenn ich das modale schließe?Reset-Validierung Nachrichten nach dem Schließen Bootstrap modal

ich damit versucht, funktioniert aber nicht

$('#myModal').on('hidden.bs.modal', function() { 
    window.alertas.reset(); 
}); 

Wie kann ich dieses Problem lösen?

Here is a sample Code zum Spielen.

Antwort

3

können Sie verwenden zusammen jQuery und jQuery Validate des resetForm():

$('#myModal').on('hidden.bs.modal', function() { 
    var $alertas = $('#alertas'); 
    $alertas.validate().resetForm(); 
    $alertas.find('.error').removeClass('error'); 
}); 
+0

Danke! das löst alle meine Probleme –

3

Statt reset() zu verwenden, versuchen jQuery Validate des resetForm():

$('#myModal').on('hidden.bs.modal', function() { 
    $("#alertas").validate().resetForm(); 
}); 
+0

Fein nur ein kleines Problem funktioniert, wenn Sie Überprüfen Sie noch einmal meinen Code Beispiel Link und prüfen Sie es, funktioniert gut, aber wenn ich versuche, das modale wieder zu öffnen, haben alle ausgewählten Eingänge Farbe rot aus. Fehlerklasse –

+0

Das hat mir geholfen, mein Problem zu beheben, aber etwas, das zu beachten ist, hängt davon ab, dass du bootstrap.min.js hast - ich habe 5 Stunden lang gesucht und dann gedacht, warte eine Minute, dass ich diese Datei nicht habe! Als cdn hinzugefügt und arbeitete ein Charme –

0
var validator = $("#myModal").validate(); 
$('#myModal').on('shown.bs.modal', function(){ 
    validator.resetForm(); 
}); 
Verwandte Themen