单击关闭按钮后，Bootstrap模态数据不会变得干净

Question

我有一个新用户模式，可以创建新用户。 当用户没有提供用户名和密码时，它会轻轻地抛出错误信息，如图所示。

但是当我点击关闭按钮时，弹出按预期关闭 但是，当我点击添加新用户时，弹出窗口显示相同的错误消息。

同样的事情发生了，文本框有一些价值，如下图所示。

我猜我的关闭按钮并没有破坏数据。 这是关闭按钮的代码

<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>

如果需要，我会发布pop的整个代码。 我是否需要编写一个单独的方法来清理数据？ 请帮帮我

的jsfiddle

Please click here for fiddle

Answer 1

好的，已经bootstrap modal有一个close事件。你需要将它绑定到它。

$('#myModal').on('hidden.bs.modal', function () {
  // do something…
});

所以对你的情况来说：

$('#myModal').on('hidden.bs.modal', function () {
   $("#myModal input").val("");
   $(".text-error").hide();
});

查看Documentation。

Answer 2

按钮：

<button id ="close_modal" type="button" class="btn btn-default" data-dismiss="modal">Close</button>

JS：

$(document).ready(function() {
    $("#close_modal").click(function() {
        $('#input_id_1').val('');//these should be the id of your inputs
        $('#input_id_2').val('');
    });
});

Answer 3

简短回答：是的。关闭按钮只隐藏对话框，不会修改内容。您必须编写其他代码来清理数据。

Answer 4

您需要清除文本框数据并隐藏模态隐藏的验证错误消息。

$('#myModal').on('hidden.bs.modal', function () {
   $("#txtboxId").val("");
   $(".errorClass").hide();
});