我无法从引导模式中清除表单数据答案

【问题标题】：I can't clear form data from bootstrap modal我无法从引导模式中清除表单数据
【发布时间】：2023-03-13 03:59:01
【问题描述】：

我在尝试清除引导模式数据时遇到了一个小问题。有我的模态。

    <div id="modal-creacion-alias" class="modal fade" tabindex="-1" data-backdrop="static" data-keyboard="false">
        <div class="modal-dialog">
            <form id="form-alias-dominio" method="POST" class="form">
                <div class="modal-content">
                    <div class="form-body">
                        <div class="modal-header">
                            <button type="button" class="close" data-dismiss="modal" aria-hidden="true"></button>
                            <h2 class="modal-title">Alias de dominios</h2>
                        </div>
                        <div class="modal-body">
                            <div class="form-group">
                                <label class="col-md-4 control-label">Nombre del Alias<span class="required">*</span></label>
                                <div class="col-md-8">
                                    <div class="input-icon right">
                                        <i class="fa fa-info-circle tooltips" data-original-title="Contraseña" data-container="body"></i>
                                        <input type="text" class="form-control" name="nombre-alias-dominio" id="nombre-alias-dominio">
                                        <br>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                        </div>
                        <div class="modal-footer ">
                            <button type="button" data-dismiss="modal" class="btn default">Cancelar <i class="fa fa-sign-out"></i></button>
                            <button type="submit" id="crear-alias-domino" class="btn gtd-blue-hard crear-alias-domino">Crear <i class="fa fa-plus"></i></button>
                        </div>
                    </div>
                </div>
            </form>
        </div>
    </div>

这是js函数：

  $('body').on('hide.bs.modal', '.modal', function () {
        &(this).removeData('bs.modal');
    });

但是当我关闭并重新打开模式时，数据仍然存在。我该如何解决？

谢谢。

【问题讨论】：

&(this) 在生产中是 $(this)，对吧？
对不起，这是一个问题错误，哈哈，我真的在使用 $ insteas & (wronk key)
相信我，这几乎是不可能的。我问了同样的问题stackoverflow.com/questions/27224696/…。但没有任何效果。我最终得到了每次刷新页面以清除数据的解决方案。
.on('hide.bs.modal', '#modal-creacion-alias', function () {
这个回调中的this 是什么？如果您将 console.log($(this).data('bs.modal')) 添加到此回调中，它会记录任何内容

标签： javascript jquery twitter-bootstrap

【解决方案1】：

您可以使用$(form).trigger('reset')重置所有输入数据

$('body').on('hide.bs.modal', '.modal', function () {
       $('#form-alias-dominio').trigger("reset");  //here your form_id
});

【讨论】：

我试过 $(this).trigger("reset");还有这个 $('#form-alias-dominio').trigger("reset");两者都不起作用
你需要做$("#form_id").trigger("reset"); 我在我的代码中实现并且工作正常。否决者请评论downvote ?????
我不是反对者，但（就像在上一个线程中一样）可以向您解释resetting the form 和clearing the data 之间存在差异，存储在.data() 中
@skip405 我不知道有什么区别，但是这段代码在我的项目中实现并且工作正常，这就是为什么我建议如果没有用，那么我将删除它。

【解决方案2】：

这样做我可以清除数据

   $('body').on('hide.bs.modal', '.modal', function (e) {
    $(this).find('form').trigger("reset");
});

感谢@Sadikhasan

【讨论】：