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

我有一张表格

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

函数checkLogin（）{
//这里有一些代码
}

---

我真的想知道如何使用SUBMIT按钮，而不仅仅是单击一次。

您可以为表单指定onsubmit函数

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

---

您可以为表单指定onsubmit函数

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

---

您将按以下方式使用$.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" />

---

干杯！

您将按以下方式使用$.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" />

---

干杯！

使用onSubmit活动：

HTML:

---

使用onSubmit事件：

HTML:

---

如果你只使用submit，它会进入服务器。如果这不是你想要的，那么onClick有什么问题？如果你只使用submit，它会进入服务器。如果这不是你想要的，那么onClick有什么问题？这是一个jQuery答案，OP没有使用它的迹象。我忘了提到你需要jQu为了防止页面刷新和重定向到操作页面，您可以为提交按钮创建一个点击事件：$（'input[type=“submit”]'）.live（'click'，函数（e）{e.preventDefault（）；checkLogin（）；}）；这是一个jQuery答案，OP没有表示要使用它。我忘了提到您需要jQuery.js才能使用$.post。此外，为了防止页面刷新和重定向到操作页面，您可以为提交按钮创建一个单击事件：$（'input[type=“submit”]”）。live（'click'，function（e）{e.preventDefault（）；checkLogin（）；}）；此外，checkLogin的返回值确定请求是否发送到服务器。返回false可防止表单发布到服务器。此外，checkLogin的返回值确定请求是否发送到服务器。返回false可防止表单发布到服务器。