表格提交

Question

我有这样的表格：

<form id="basicTerms" method="post" onsubmit="return validateForm()">

，onsubmit中的函数如下：

function validateForm()
{
    return false;
}

我这样做是为了测试表单，当我单击Enter或单击执行表单上的按钮触发表单提交操作时，表单会提交并移动到下一页。

我也有以下形式的按钮：

<tr>
    <td align="left"><button style="background-color:#FF80FF" onclick="javascript:document.getElementById('basicTerms').action='helpFile1.php'; document.getElementById('basicTerms').submit()" tabindex="6">Go Back</button></td>
    <td align="center"><button style="background-color:#FFC080" onclick="javascript:document.getElementById('basicTerms').action='helpFile2.php'; document.getElementById('basicTerms').submit()" tabindex="4">Lets Go To Step 2</button></td5>
    <td align="right"><button style="background-color:#00FF00" onclick="printThis()" tabindex="5">Print</button></td>
</tr>

我想知道为什么即使我在onsubmit中返回错误，表单也会提交。

我在Google Chrome和FireFox上测试了表单，两者都给出了相同的结果。另外，我正在测试localhost WAMP：Apache2.2.11，PHP5.3.0。

Answer 1

尝试将type="button"添加到按钮标记中。否则我相信他们默认提交按钮。

（作为答案添加，因为它起到了解决方案的作用）

Answer 2

调用 表单 .submit（）不会触发提交事件，validateForm（）将被忽略。