1

フォームがあります

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

onClickだけでなく、SUBMITボタンの使い方も知りたいです。

4

3 に答える 3

3

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
}
于 2012-12-12T00:15:02.267 に答える
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.
}
于 2012-12-12T00:08:41.747 に答える
1

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

乾杯！

于 2012-12-12T00:11:21.160 に答える