从 Bootstrap 模式中删除数据答案

【问题标题】：Remove data from Bootstrap Modal从 Bootstrap 模式中删除数据
【发布时间】：2016-11-23 18:21:30
【问题描述】：

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

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

这是我尝试过的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();
    });

【问题讨论】：

标签： javascript jquery html twitter-bootstrap-3 bootstrap-modal

【解决方案1】：

如果您给表单一个 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>

【讨论】：

非常感谢您的回答，但 span 文本仍然显示。 jsfiddle.net/bk4gj48k/13
我更新了我的示例。如果您还有其他需要，请告诉我。

【解决方案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

          });

【讨论】：

非常感谢您的回答，但 span 文本仍然显示。 jsfiddle.net/bk4gj48k/13