Javascript 如何在表单提交后禁用模式弹出窗口

我对JavaScript和前端相当陌生，我正在尝试构建一个要求表单提交的模式弹出窗口。现在我尝试做的是在用户单击提交按钮时隐藏弹出窗口

函数openColorBox（）{ $.colorbox（{iframe:true，宽度：“50%”，高度：“50%”，href:“new\u greeting\u form.html”}）； } 设置超时（openColorBox，5000）； //如果要使用“火灾”或“禁用”fn， //您需要将OuiBounce保存到对象 var_ouibounce=ouibounce（document.getElementById（'ouibounce-modal'）{ 侵略性：是的， 计时器：0， 回调：函数（）{} }); $（'body'）。在（'click'，function（）上{ $（'ouibounce model'）.hide（）； }); $（'#ouibounce modal.modal footer'）。在（'click'，function（）上{ $（'ouibounce model'）.hide（）； }); $（'#ouibounce model.model'）。在（'click'，函数（e）上{ e、 停止传播（）； });

测验
谢谢你的光临！！

提交表单时，请使用下面的行隐藏

$('#ouibounce-modal').hide();

---

用户提交表单时使用此行

$('#yourmodal').hide();

---

引导中存在一个使背景褪色的错误-您可以通过在模式隐藏后添加以下内容来修复此问题：

$('body').removeClass('modal-open');
$('.modal-backdrop').remove();

---

您可以使用Bootstrap模式弹出窗口，它简单且易于从jquery管理。例如

$（'#modal'）.modal（'hide'）感谢您的回答，您是否可以建议一种方法，在完成表单数据验证后，模态弹出窗口消失。但仅执行上述操作不起作用，请使用下面的代码片段使其起作用<代码>$（“#myModalItem”）.hide（）；//隐藏模态$（'body'）。removeClass（'modal-open'）$（'.modal background'）.remove（）$（'.myclose'）。单击（）；//关闭按钮点击。event.stopPropegation（）；//阻止进一步的事件发生。