从引导模式中删除数据

Question

引用了此链接Link1链接2，但无法清除数据。

我在我的web应用程序中使用引导模式窗口。当模态关闭（触发隐藏事件以清除数据）时，先前输入的数据不会被清除。

这是我试过的小提琴。甚至我也尝试过重新设置表单，但没有成功。

$("#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>