jQuery表單驗證錯誤

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

例

或者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中選擇正確的元素。

另外，您應該執行以下操作，而不是“ return false”：

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