为什么此表单验证不起作用？

Question

$("#addAlertForm").validate();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<form id="addAlertForm" action="" method="post">
  <div class="form-group form-float">
    <div class="form-line">
      <input type="text" name="alertText" class="form-control" maxlength="200" required>
      <label class="form-label">Alert Text</label>
    </div>
  </div>
  <div class="form-group">
    <input type="checkbox" name="alertCheckbox" id="md_checkbox_10" class="chk-col-green" />
    <label for="md_checkbox_10">Alert can be dismissed</label>
  </div>
</form>

并且它不起作用，我按下提交按钮，字段为空，输入下没有出现错误消息，告知它是空的。

Answer 1

您的验证通话应写在ready上，如下所示：

$().ready(function() {
    $("#addAlertForm").validate();
});

请记住，这是在表单提交时或在相应字段上按return / enter时触发的。