无法读取未定义

时间:2017-11-21 11:10:54

标签: jquery

我在使用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>

1 个答案:

答案 0 :(得分:0)

使用

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

尝试应用此解决方案,也许它可以解决您的错误。

如果您仍有任何问题,请随时发表评论。