jquery验证防止输入

Question

我有一个表单，可以为我的db表添加成绩。我正在使用jquery验证来控制输入是1-5之间的范围，或者它是否为空。但是我的jquery似乎不起作用，因为它仍然允许插入empyt字段或错误输入...任何想法为什么以及如何解决这个问题？

我的表格：

    <form class="form-horizontal" action="insertGrade.php" method="post" id="gradeStudent" name="gradeStudent">
   <div class="control-group">
        <label class="control-label">Betyg:</label>
        <div class="controls">
            <p><input id="betyg" name="gradeStudent" type="text"></p>
            <?php
                if(isset($_GET['courseId'])) {
                    echo "<input type='hidden' name='courseId' value='" . $_GET['courseId'] . "'>";
                }
            ?>
        </div>
    </div>

    <div class="form-actions">
        <input type="submit" class="btn btn-success btn-sm" value="Sätt betyg">
    </div>
</form>

我的jquery：

    <script>
    $("#gradeStudent").validate({
      rules: {
        betyg: {
          required: true,
          maxlength: 1,
          max: 5,
          min: 1
        }
      }
      messages: {
        betyg: {
          required: "Mata in ett betyg",
          maxlength: "Betyget kan endast vara een siffra mellan 1 till fem",
          max: "Mata in ett giltigt värde som är mindre än eller lika med 5.",
          min: "Mata in ett värde som är större än eller lika med 1"
        }
      }
    });//jquery validation 
  </script>

感谢您的帮助〜