Удалить данные из Bootstrap Modal

Question

Нашли ссылку Link1Link 2, но не смогли очистить данные.

Я использую самомоднейшее окно bootstrap в своем веб-приложении. Когда модальное закрытие (вызванное скрытое событие для очистки данных), ранее введенные данные не очищаются.

Вот 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 ('значение');

Answer 2

Вам нужно сбросить $("#myModal form")[0] вместо $("#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

Если вы даете виде идентификатора, вы можете сделать следующее в JQuery. Вы также можете добавить класс в свои интервалы ошибок и одновременно перезагрузить их все.

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


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