javascript - 如何使用 javascript 从提交表单中获取信息？

Question

我有一个表格

<form name="loginForm" method="POST">
    Username: <input type="text" name="username" value="" />
    <br />
    Password: <input type="password" name="password" value="" />
    <input type="submit" name="submitButton" />
</form>

点击提交按钮后如何获取上述信息，并对所述数据进行处理？如，

<script>
    function checkLogin(){
    //some code here
    }
</scipt>

我真的很想知道如何使用 SUBMIT 按钮，而不仅仅是 onClick。

Answer 1

使用 onSubmit 事件：

HTML：

<form name="loginForm" method="POST" onsubmit="checkLogin()">
    Username: <input type="text" name="username" value="" />
    <br />
    Password: <input type="password" name="password" value="" />
    <input type="submit" name="submitButton" />
</form>

脚本：

function checkLogin(){
    //  If you return "false" it will stop the form from being submitted
}

Answer 2

您可以为您的表单指定一个 onsubmit 函数。

<form name="loginForm" method="POST" onsubmit="checkLogin()">

然后在你的函数中，类似：

function checkLogin() {
    var username = document.forms["loginForm"]["username"];
    // validate the form. Return false and the form will not be posted to server.
}

Answer 3

您将通过以下方式使用 $.post {

    $.post(URL_TO_YOUR_SCRIPT, { username: $("#username").val(), 
    password: $("#password).val() },
    function(data) {
             alert(data);
    });

要实现这一点，您必须为您的输入框提供 ID，例如

<input type="text" name="username" id="username" />
<input type="password" name="password" id="password" />

干杯!