Summernote模式按钮导致提交表单

Question

在web2py应用程序中，我有一个作为组件加载的表单，并且有一个应用了Summernote编辑器的textarea。

{{=LOAD('editor', 'load_summernote.load', vars = {...}, ajax = True)}}

Summernote＆＃34; .note-insert＆＃34;按钮组（链接，图片，视频）打开一个模态。当插入*＆＃39;单击该模态的按钮，它将导致提交表单。对我来说，这似乎是一种非常不受欢迎的行为。我试图建立一些黑客解决方案来阻止提交表单：

$(document).on('submit', 'form', function(e){
    e.preventDefault();
    return  false;
});

上述代码不会阻止提交表单。

第一个问题：是Summernote＆＃34; Insert＆＃34;的表单提交行为。按下预期的行为，或者我的网站有什么特别的东西导致表单提交？ （对于问题的后半部分，似乎没有任何明显的答案可以肯定。）

第二个问题：是否有一种首选的方法来阻止这些＆＃34;插入＆＃34;从而导致提交表单的按钮，而不影响其功能？

Answer 1

可能是您用于按钮的HTML不正确。我假设您正在为＆＃34;插入＆＃34;使用按钮标签。按钮。请务必注意，按钮标记的默认行为是 type = submit （隐式）。您应该在按钮标记中添加 type = button 属性，以防止在单击时提交。例如：

<button>Insert</button> <!--WILL cause a submit (implicitly type=submit)-->
<button type=button>Insert</button> <!--Will NOT cause a submit-->

有关详细信息，请参阅this answer。