Question

我在使用jQuery的ID Selector时遇到了麻烦。不知道为什么我有这么简单的问题，但任何建议将不胜感激。

以下是我的注册页面中的html片段：

<div class="small-3 large-9 columns">
                    <input type="password" id="password" placeholder="**********">
                    <div "small-3 large-offset-6 colums">
                        <div class="passwordStrength">
                            <p>
                                <strong>Password strength:</strong>
                                <span id="passwordRating">Strong</span>
                            </p>
                            <div class="meter" id="passwordBar">
                                <span id="strengthBar" class="strong" style="width: 255px;"></span>
                            </div>
                        </div>
                    </div>
                </div>

这是我的signUpValidation.js中的一段javascript

$(function(){
var form = $('#signUp'),
    email = $('#email'),
    password = $('#password'),
    address = $('#address');

if (password.value().length < 8) {
    updateBar(0);
}

我在javascript控制台中收到以下错误：

TypeError: 'undefined' is not a function (evaluating 'password.value()')

有什么想法吗？

Answer 1

是val（）而不是value（）。 Look at the jQuery docs

Answer 2

使用.val()，。value不是jQuery方法。有关api网站here

的更多信息，请参阅

Answer 3

在JavaScript中我们使用.value属性，在jQuery中我们需要使用.val()方法：

JavaScript的：

document.getElementById("password").value

的jQuery

$('#password').val()

未定义的错误jQuery ID选择器

3 个答案: