ブートストラップモードからデータを削除

Question

このリンクを参照してくださいLink1Link 2しかし、データをクリアすることはできません。

ウェブアプリケーションでブートストラップモーダルウィンドウを使用しています。モーダルが閉じられると（データを消去するために隠れたイベントが発生する）、以前に入力されたデータはクリアされません。

ここにはfiddleがあります。私は何を試しましたか。私はフォームリセットで試しましたが、成功しませんでした。

$("#modal").on('hidden.bs.modal', function (e) { 
     $('#modal_form')[0].reset(); 
     $("#modal").removeData('bs.modal'); 
    }); 
    $("#modal").click(function() { 

     $("#modal").removeData('bs.modal'); 
     $("#modal").modal(); 
    }); 

Answer 1

$（ 'input.class'）。removeAttr（ 'value'）; $（ '＃inputID'）。removeAttr（ 'value'）;

Answer 2

あなたは、フォームにIDを与える場合、あなたはjQueryの中で、次の操作を行うことができます代わりに$("#myModal form")

$("#myModal").on('hidden.bs.modal', function (e) { 
      $("#myModal form")[0].reset(); 
      $("#myModal form").find('span[style="color:red;"]').text(''); //reset error spans 

      }); 

Answer 3

の$("#myModal form")[0]をリセットする必要があります。また、エラースパンにクラスを追加して、それらのすべてを同時にリセットすることもできます。

$("#myModal").on('hidden.bs.modal', function (e) { 
    $("#form").trigger('reset'); 
    $("#myModal .error").html(''); 
}); 


<span style="color:red;" id="username_span" class="error"></span>