jquery - IDを持つ親選択のjQueryの子

Question

これが私のフォームです。

<form action="" method="post" id="signupform">
    <input class="email" id="email"  type="email" placeholder="somebody@example.com" />
    <input type="submit" value="submit"/>
</form>

ここにジャバスクリプト、

$(document).ready(function(){
    $('#signupform').submit(function(){
         return valid_email();
});
});



function valid_email(){
    var email = $('#signupform > #email ').val();
    alert(email);
    return false;
}

「未定義」と警告しますが、使用すると、$('#email')正しい値が得られます。私が間違いを犯している場所。

Answer 1

テキストボックスに初期値を割り当てると、プレースホルダーが val() によって取得されず、空であることを確認できます。

ライブデモ

$(document).ready(function() {
    $('#signupform').submit(function() {
        return valid_email();
    });
});

function valid_email() {
    var email = $('#signupform > #email ').val();
    alert(email);
    return false;
}​