取消form表单提交默认enter事件

取消form表单提交默认enter事件

备注： 给项目修bug时发现form表单的input提交方法包含一个默认enter提交事件，导致原本作为iframe内部的表单提交发生了我们意料之外的交互，于是需要清除这个默认事件，看了一些资料之后发现也很简单，只需要一个类型为text的input标签即可让默认事件失效，但要谨记，这个input的标签只能有type这个属性，否则无法停止默认事件。

使用空的input事件

<input itype="text" style="display:none" />

代码应用

<form method="post" class="form-horizontal js-ajax-form m-form" enctype="multipart/form-data">
            <fieldset>
                <!-- 部门名称 -->
                <div class="control-group">
                    <label class="control-label">
                        <font color="red">*</font>部门名称
                    </label>
                    <div class="controls">
                        <input type="text" id="section_name" name="section_name" maxlength="60" value="{$data.section_name|default=''}" placeholder="输入部门名称" />
                    </div>
                </div>
                <!-- 提交 && 取消 -->
                <div class="control-group">
                    <div class="controls">
                        <button class="btn btn-primary" id="button" type="button" onclick="submitForm()">提交</button>&nbsp;&nbsp;&nbsp;&nbsp;
                        <a class="btn" href="javascript:window.parent.layer.closeAll();">取消</a>
                        <input type="hidden" name="id" value="{$admin.user_id|default=0}" />
                        <input itype="text" style="display:none" />
                        <!-- 作用与此处 -->
                    </div>
                </div>
        </form>

更多资料
https://blog.csdn.net/wulex/article/details/89326785