Question

推荐此链接Link1 Link 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

您需要重置$("#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 2

如果您为表单提供ID，则可以在jQuery中执行以下操作。您还可以在错误跨度中添加一个类，并同时重置所有类。

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


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

Answer 3

$（＆＃39; input.class＆＃39）。removeAttr（＆＃39;值＆＃39）; $（＆＃39;＃inputID＆＃39）。removeAttr（＆＃39;值＆＃39）;

从Bootstrap Modal中删除数据

3 个答案: