1

我需要理论上的澄清...... JavaScript 表单提交和包含提交按钮的表单有什么区别？

（我正在使用框架Struts，但我认为它不会影响行为。）

我的意思是，这是我的例子，提交表单和提交表单有什么区别input type="submit"？

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <input type="hidden" name="myfield" value="">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="submit" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
}

并在 JavaScript 中使用 submit 提交表单？

<html:form action="search.do?method=mySearch" method="post" styleId="searchFilterForm">
    <table border="0" class="filterclass" width="530px">
        <tr>
            <td class="filterheader" align="center">
                <input type="button" onclick="doMySubmit()" name="MyList" value="SEND" class="button actionbutton" />
            </td>
        </tr>
    </table>
</html:form>

function doMySubmit() {
    var myform = document.getElementById('searchFilterForm');
    myform.myfield.value = "Hello World";
    myform.submit();
}
4

2 回答 2

9

最显着的区别是，当通过单击提交按钮提交表单时，将有一个与单击的按钮相对应的请求参数。因此，在您的示例中，使用提交按钮会有一个请求参数，其名称为MyList，值为SEND。如果你调用form.submit()JavaScript，就不会有。

因此，如果您request.getParameter("MyList");在服务器端调用，第一个方法将返回一个值为 SEND 的字符串，而第二个方法将返回null. 当您想根据表单是否已提交，甚至是使用哪个按钮提交表单（如果您有多个）来控制通过 Action 的流程时，这一点变得很重要。

于 2013-09-11T10:16:49.157 回答
1

如果您的用户禁用 javascript，他将无法提交表单。为可访问性添加类型提交是一种更好的做法。关于这个问题的更多信息

于 2013-09-11T10:16:39.677 回答