Javascript 从引导模式中删除数据
参考了此链接,但无法清除数据 我正在web应用程序中使用引导模式窗口。当模式关闭时(触发隐藏事件以清除数据),以前输入的数据不会被清除 这是我尝试过的。即使我尝试过表单重置,但没有成功Javascript 从引导模式中删除数据,javascript,jquery,html,twitter-bootstrap-3,bootstrap-modal,Javascript,Jquery,Html,Twitter Bootstrap 3,Bootstrap Modal,参考了此链接,但无法清除数据 我正在web应用程序中使用引导模式窗口。当模式关闭时(触发隐藏事件以清除数据),以前输入的数据不会被清除 这是我尝试过的。即使我尝试过表单重置,但没有成功 $("#modal").on('hidden.bs.modal', function (e) { $('#modal_form')[0].reset(); $("#modal").removeData('bs.modal'); }); $("#modal").cli
$("#modal").on('hidden.bs.modal', function (e) {
$('#modal_form')[0].reset();
$("#modal").removeData('bs.modal');
});
$("#modal").click(function() {
$("#modal").removeData('bs.modal');
$("#modal").modal();
});
您需要重置$(“#myModal form”)[0]
而不是$(“#myModal form”)
如果给表单一个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>
$(“#myModal”).on('hidden.bs.modal',函数(e){
$(“#form”).trigger('reset');
$(“#myModal.error”).html(“”);
});
非常感谢您的回答,但是span文本仍然显示。非常感谢您的回答,但是span文本仍然显示。我更新了我的示例。如果您还需要什么,请告诉我。
$("#myModal").on('hidden.bs.modal', function (e) {
$("#form").trigger('reset');
$("#myModal .error").html('');
});
<span style="color:red;" id="username_span" class="error"></span>