부트 스트랩 모달에서 데이터 제거

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를 제공하면 대신 $("#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]를 재설정해야, 당신은 jQuery를에서 다음을 수행 할 수 있습니다. 또한 오류 범위에 클래스를 추가하고 동시에 모든 클래스를 재설정 할 수 있습니다.

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


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