通过 Javascript 代码单击 HTML 表单的提交按钮

Question

我对 WEB 编程了解不多，所以请随时询问我是否遗漏了任何细节。

有一个我经常访问的网站，它要求用户每次访问时都需要登录。对于这个网站的登录页面，我试图写下一个用户脚本，它将自动登录。

我设法填写了表单字段，但不知道如何通过 JavaScript 单击提交按钮。以下是原始登录代码的精简版本。如何在这段代码中自动点击这个提交按钮？

<div id="start">
    <div id="header">
        <div id="login">
            <form id="loginForm" name="loginForm" method="post" action="#">
                // ...
                <input type="submit" id="loginSubmit" onclick="changeAction('submitInput','loginForm');document.forms['loginForm'].submit();" value="Log in" />
                // ...
            </form>
        </div>
    </div>
</div>

Answer 1

一般来说，提交表单的常用方法是在表单本身上调用submit()，如 krtek 的答案中所述。

但是，如果您出于某种原因需要实际单击提交按钮（您的代码取决于发布的提交按钮的名称/值或其他内容），您可以单击提交按钮本身，如下所示：

document.getElementById('loginSubmit').click();

Answer 2

document.getElementById('loginSubmit').submit();

或者，使用与 onclick 处理程序相同的代码：（

changeAction('submitInput','loginForm');
document.forms['loginForm'].submit();

尽管 onclick 处理程序的编写有点愚蠢：document.forms['loginForm'] 可以替换为 this。）

Answer 3

您可以这样做：

document.forms["loginForm"].submit()

但这不会调用按钮的 onclick 操作，因此您需要手动调用它。

请注意，您必须使用表单的名称而不是id来访问它。