javascript - 提交后如何关闭引导模式?
问题描述
在这里,我有一个 Bootstrap 模式。我的要求是当我使用提交按钮成功提交表单时,我想在几秒钟后关闭模式。这里的问题是,当我在输入中输入一些文本而不是整数时,或者如果我输入了一些无效的输入,然后当我单击提交按钮时,输入字段会显示错误,并且模式会在几秒钟后立即关闭。
如果单击提交按钮时输入字段无效,我不想关闭引导模式。
我该怎么做 ?
编辑:它适用于有效输入。
html
<div class="modal-body">
<form action="">
<input type="number" name="rows" min="0" value="0" max="10" required><br>
<button type="submit" id="my_button" class="btn btn-info btn-sm">Submit</button>
</form>
</div>
脚本
<script>
$('#my_button').click(function() {
setTimeout(function() {$('#myModal').modal('hide');}, 4000);
});
</script>
解决方案
如果表单具有无效值,请不要设置超时:
$('#my_button').click(function() {
if ( ! $('form input:invalid' ).length ) {
setTimeout(function() {$('#myModal').modal('hide');}, 4000);
}
});
推荐阅读
- html - 为什么 HTML 元素的 tabindex 覆盖为 -1?
- api - 通过浏览器访问 idx-analytics-data-api
- javascript - jquery resizable 1px不匹配错误
- python - 如何在 Spyder (Anaconda) 中找到当前 .py 文件的路径?
- tensorflow - parameterServerType 和 workerCount 之间的比率/关系应该是什么?
- android - CheckBox 状态保存不起作用
- excel - 在 Excel 中选择最小值和对应的列
- javascript - 使用 jquery 在 django 上进行 Panzoom
- cmd - 从 TeamCity 运行 TF.exe 失败。来自同一服务器的相同脚本并使用相同的用户作为代理成功
- amazon-web-services - AWS IAM 访问除修改管理员用户之外的所有内容