2016-10-03 1 views
4

私は自分の入力を持つモーダルを持っています。私はjQuery.Validateを使用してフォームを検証します。私の問題はモーダルを閉じてからモーダルを再度開きますまだそこに、私の質問は、私はリセットするか、私はモーダルを閉じると、それらのメッセージを非表示にすることですか?閉じる後の検証メッセージをリセットするブートストラップモーダル

は、私はこれを試してみましたが、私はこの問題を解決するにはどうすればよい

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

動作しませんか?

Here is a sample再生するコード。

答えて

3

あなたが一緒にjQueryとjQueryの検証のresetForm()を使用することができます。

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

ありがとう!これは私のすべての問題を解決する –

3

代わりreset()を使用しての、jQueryの検証のresetForm()を使用してみてください:

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

作品罰金ちょっと問題、あなたの場合私のコードの例のリンクをもう一度チェックしてそれを調べてみるとうまくいきますが、再びモーダルを開こうとすると、すべての選択入力は.errorクラスの赤色になります –

+0

これは私の問題を解決するのに役立ちましたが、上記に注意するものはbootstrap.min.jsに依存しています - 私は5時間の検索をしてから、 cdnとして追加され、魅力を発揮 –

0
var validator = $("#myModal").validate(); 
$('#myModal').on('shown.bs.modal', function(){ 
    validator.resetForm(); 
}); 
関連する問題