3

次のjQueryコードを使用して、以下のHTMLでユーザーIDとパスワードの値を見つけようとしていますが、値が返されません。私は何が間違っているのですか？

<div id='mainpane'>
    <form id='login' method='post' action='#'>
        <p>User Id:<input id='userid' type='text' name='userid'></input></p>
        <p>Password:<input id='password' type='text' name='password'></input></p>
        <p><input id='submit' type='submit' name='Submit' value='Submit'></input></p>           
    </form>
    <div id="message"></div>
    <p>Not a member? <a href="user-signup.html">Signup</a></p>
</div>

jQueryコードは次のとおりです。

$(document).ready(function() {
    $('#login').delegate('input#submit','click',function(){
        alert('user id is: '+$(this).parent().parent().find('#userid').html());
        var request = $.ajax({
            type:"POST",
            url:"/login",
            data: {userid:$('#userid').text(), password:$('#password').text}
            });

        });

アラートは空のデータで返されます。私が間違っていることについてのポインタに感謝します。

ありがとう、カリヤン。

4

4 に答える 4

4

.val()入力の値を取得するために使用します。

var userid = $("#userid").val();
var pass   = $("#password").val();
于 2012-05-24T03:32:41.380 に答える
2

ただ行う：

$.post('/login', $('#login').serialize(), function() {});

あなたの$.ajax呼び出しの代わりに:)、.serialize()はすべてのフォーム入力の値を取り、それらをサーバーに渡し、あなたのためにエンコードされます:)

于 2012-05-24T03:32:51.317 に答える
2

あなたはかなりの数の問題を抱えているので、ここにメモ付きの修正されたコードがあります：

jQuery

$(function() {
// same as document.ready
    $('#login').submit(function(event){            
    // runs whenever the form is submitted - either enter or submit button is clicked
        event.PreventDefault();
        // since the form is submitted via ajax you wil want to keep the page from changing
        alert('user id is: '+$('#userid').val());
        // no need to reach back through the DOM with .parent() use the ID its the fastest, also you get input values with .val()
        $.ajax({
            type:"POST",
            url:"/login",
            data: $('#login').serialize()
            // serialize() creates an object of all the form data based on the name attribute and values - very clean
        });
    });
});

HTML

<div id='mainpane'>
    <form id='login' method='post' action=''>
        <p>User Id:<input id='userid' type='text' name='userid'/></p>
        <p>Password:<input id='password' type='text' name='password'/></p>
        <p><input id='submit' type='submit' name='Submit' value='Submit'/></p>           
    </form>
    <div id="message"></div>
    <p>Not a member? <a href="user-signup.html">Signup</a></p>
</div>

入力は自己閉鎖的です。

于 2012-05-24T03:36:32.050 に答える
-1

このコードを試してください

 $(document).ready(function() {
        $('#login').delegate('input#submit','click',function(){

            alert('user id is: '+$(this).parent().parent().find('#userid').val());
            var request = $.ajax({
                type:"POST",
                url:"/login",
                data: {userid:$('#userid').val(), password:$('#password').val()}
                });

            });
        });
于 2012-05-24T03:38:48.337 に答える