无法读取未定义的属性“nodeType”

Question

当我使用jquery.validate.js时，我会得到这个错误。页面加载时会出现错误。我试过使用不同的div，但没有成功。请帮帮我。

我已经看到了许多问题的答案，这可能是由于div，但我没有得到做什么，因为我已经尝试将表单标记在每个div之外，但问题仍然是一样的。

​

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>

<form id="update_form">
  <div class="subscribebox">
    <div class="updateheading">Want Updates?</div>
    <div class="form-group">
      <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" />
    </div>
    <div class="form-group">
      <button type="submit" class="btn btn-primary submitbtn">Submit</button>
    </div>
  </div>
</form>

<script>
  $(function() {
    $("#update_form").validate();
  });
</script>

​

Answer 1

使用

$(function() {
  $.validate({
    form: '#update_form'
  })
});

而不是

$(function() {
    $("#update_form").validate();
  });

显示它解决了负载上的错误。

​

$(function() {
  $.validate({
    form: '#update_form'
  })
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>

<form id="update_form">
  <div class="subscribebox">
    <div class="updateheading">Want Updates?</div>
    <div class="form-group">
      <input class="form-control" name="email" id="email" type="text" required placeholder="Enter your email address" />
    </div>
    <div class="form-group">
      <button type="submit" class="btn btn-primary submitbtn">Submit</button>
    </div>
  </div>
</form>

​

尝试应用这个解决方案，也许它可以解决您的错误。

如果你仍然有任何问题，请随时发表评论。