表单提交

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中返回false，表单也会提交。

我在Google Chrome和FireFox上测试了这个表单，结果都是一样的。另外，我在本地主机WAMP: Apache2.2.11，PHP5.3.0上进行了测试。

Answer 1

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

(添加为答案，因为它是一种解决方案)

Answer 2

form.submit()的调用不会触发提交事件，validateForm()将被忽略。