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" />

干杯！

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

3 个答案: