Question

<form action="register.php" method="post" id="regform">
    <h4>Login info</h4>
    <hr><br>
    <input type="text" name="username" placeholder="Username"><br><br>
    <input type="password" name="password" placeholder="Password"><br><br>
</form>

-

$(document).ready(function(){
    $('#regform').on('submit', function(){
        alert($(this).username.val());
        return false;
    });
});

-

我得到的错误：

TypeError: $(...).username is undefined

看不出我做错了什么..

Answer 1

您可以使用以下内容：

$(this).find('[name="username"]').val()

Example

或者this.username.value也可以。

Answer 2

应该是：

alert($(this).find('[name=username]').val());

或：

alert(this.username.value);

访问输入元素作为包含表单的属性是DOM功能，而不是jQuery的一部分。

Answer 3

看起来你打算这样做：

$(this).find("input[name=username]").val()

您不能只将.username附加到jquery对象的末尾，并希望获得正确的返回值。您需要从dom中选择正确的元素。

此外，而不是＆＃34;返回false＆＃34;你应该这样做：

$('#regform').on('submit', function(e){
    e.preventDefault();
});

jQuery表单验证错误

3 个答案: