Question

我有一个表格，只有在会话有效时才需要提交...我使用下面的代码。我想了解是否会在按下“ENTER”按钮时提交FORM。 ..

哪一个是正确的？

1.表格将被提交，我们捕获“ENTER”按钮事件。

或

2.表单将不会被提交，我们会捕获“ENTER”按钮事件。

 $('input[id=search_string]').on('keypress', function(e) {
    if (e.which == 13) {
        alert('Pressed Enter KEY')

   }
   });

HTML表单代码

<form id="bigsearchform_new" method="post" action="Paid" >
                        <label style="display:none" for="search_string1">SEARCH</label>
                        <input id="search_string" name="search_string1" 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

正如我在评论中提到的，使用表单上的提交事件。喜欢

$("#bigsearchform_new").submit(function() {
    //validate
    if(isValid) {
        return true;
    } else {
        //provide validation message
        return false;
    }
});

然后，如果表单有效，您可return true; return false;如果无效，则可以抛出一些验证消息。

这样可以获得表单提交的额外好处，但是无论是通过ENTER按键还是其他方式都可以触发它。

在ENTER键按钮上提交表单

1 个答案: