JS：“TypeError：‘未定义’不是对象”

Question

var name = $("input[#name]").value;
var email = $("input[#email]").value;
var msg = $("input[#msg]").value;

var nameLength = name.length;
var emailLength = email.length;
var msgLength = msg.length;

如您所见，我要做的只是获取#email 字段值的长度。它适用于其他两个字段，但不适用于电子邮件字段。它给出“TypeError: 'undefined' is not an object”。

有什么原因吗？

我在 Safari 和 Google Chrome 中都试过了，都出现了同样的错误。

HTML：

<div class="form-group">
  <label class="col-md-4 control-label" for="email">Email</label>  
  <div class="col-md-5">
    <input id="email" name="email" type="text" placeholder="Enter your email address
    here" class="form-control input-md" required="">
  </div>
</div>

Answer 1

您正在尝试在 jQuery 对象上使用 DOM 属性。如果您有一个 jQuery 对象，那么您必须使用 jQuery 方法 .val()，而不是 DOM 属性 .value，或者您必须进入 jQuery 对象以获取 DOM 对象，然后您可以在其上使用 DOM 属性。

我建议你将其更改为使用 jQuery 方法获取值：

var name = $("input[#name]").val();
var email = $("input[#email]").val();
var msg = $("input[#msg]").val();

或者，为了说明目的，这也可以（从 jQuery 对象中取出 DOM 对象并使用.value）：

var name = $("input[#name]")[0].value;
var email = $("input[#email]")[0].value;
var msg = $("input[#msg]")[0].value;

---

根据您添加到问题中的 HTML，您还需要修复选择器。要定位id="xxx"，您只需使用$("#xxx")。不需要选择器的其他部分，因为 id 在整个文档中必须是唯一的。因此，如果您的所有 HTML 都像您在问题中显示的电子邮件部分一样工作，那么您可以使用这个：

var name = $("#name").val();
var email = $("#email").val();
var msg = $("#msg").val();