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下使用模态框,在模态框内输入框中回车时,模态框自动关闭的问题及解决方法的主要内容,如果未能解决你的问题,请参考以下文章

如何获取bootstrap模态框中的数据

bootstrap模态框中表单怎么提交表单

C# 模态框传值

使用 Bootstrap 在模态框内调整轮播大小

懂bootstrap的过来看看,bootstrap模态框的问题

bootstrap模态框没法弹出