表单在ENTER按钮上提交

Question

我的表格如下所示。现在，当我在#search_string中输入内容并按 ENTER 按钮时，它会自动将其带到action=Paid ...我不知道为什么表单会在上提交按按钮..

   <!--<div id="startsearchbox">-->
            <form id="bigsearchform_new" method="post" action="Paid">
                    <!--<label style="display:none" for="search_string">SEARCH</label>-->
                    <input id="search_string" name="search_string" type="text" class="startnewsearch rounded" placeholder="Search..." maxlength="500" >
                    <input id="searchButton1"  type="button" class="searchButton" title="Click here to search the database">
                    <input type="hidden" name="antiCSRF" value="{{acsrf}}" />
                    <input type="hidden" name="session_id" value="{{session_id}}" />
                    <input type="hidden" name="commodity_id" id="commodity_id" />
            </form>

Answer 1

这是HTML表单的默认行为，请参阅http://www.whatwg.org/specs/web-apps/current-work/multipage/forms.html#implicit-submission

Answer 2

浏览器在 ENTER 按钮上提交表单的默认行为。如果要阻止表单提交，请使用onSubmit事件处理程序。