bootstrap下使用模态框,在模态框内输入框中回车时,模态框自动关闭的问题及解决方法
Posted 天有下雨与日出,人生高峰与低谷。莫为浮云遮望眼,风物长宜放眼
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了bootstrap下使用模态框,在模态框内输入框中回车时,模态框自动关闭的问题及解决方法相关的知识,希望对你有一定的参考价值。
使用bootstrap下模态框,构建表单提交页面,但是输入框中直接回车,本来是想执行一下验证,但是却导致模态框自动关闭了。
遇到这样的问题,只需要先禁止回车触发表单提交
$(document).keydown(function(event){
if (event.keyCode == 13) {
$(‘form‘).each(function() {
event.preventDefault();
});
}
});
然后再在指定的输入框中绑定回车事件。
$("#groupname").keydown(function(e){
if(e.keyCode==13){
$(".edit-confirm").click();
event.preventDefault();
}
});
以上是关于bootstrap下使用模态框,在模态框内输入框中回车时,模态框自动关闭的问题及解决方法的主要内容,如果未能解决你的问题,请参考以下文章