Question

这是我的表格，

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

这是javascript，

$(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（）占用并显示为空。

Live Demo

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

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

具有id的父选择的jQuery子项

1 个答案: