Question

我有一个表单，其中有一个按钮，在按下时会运行JS函数。填写表格时，如果我按“输入”键。它运行该功能，而不是提交表单。我该如何防止这种情况？

e.g。

＆＃13;

<form>
     <input name="input1">
        <section>
            <input name="input2">
            <button onclick="return deleteThisSection()">Delete</button>
        </section>
    <input type="submit">
</form>

＆＃13;

所以在上面的例子中，如果光标在＆＃34; input1＆＃34;或＆＃34; input2＆＃34;框，我按回车键，＆＃34; deleteThisSection＆＃34;运行函数，而不是正在提交的表单。

Answer 1

将此按钮声明为一种按钮。默认情况下，from中的按钮声明为 type="submit"

        <button type="button" onclick="return deleteThisSection()">Delete</button>

Answer 2

您可以添加您的功能以提交表单事件：
$('form').submit(function (e) { e.preventDefault(); deleteThisSection(); //Add your code or call function here return false; });

如何防止＆＃39;进入＆＃39;按下带有表单的按钮键

2 个答案: