javascript - Jquery 验证正则表达式不工作

Question

我想检查输入框是否只有数字。我尝试使用正则表达式和模式。它没有给我任何错误信息。有人可以帮我吗？谢谢。

这是我的代码

<script type="text/javascript" src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript"
        src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.7/jquery.validate.min.js">
</script>

<form id="signupForm" class="col s6 m6 offset-m3 offset-s3" th:action="@{/signup}" method="post">
  <div class="col s12">
    <div class="row">
      <div class="input-field col s12 m10 offset-m1 offset-s2">
        <input id="universityid" name="universityId" th:value="${user.universityId}"
               minlength="6" maxlength="6" required="required" type="text" class="validate"/>
        <label for="universityid">University Id(Numbers Only)</label>
      </div>
    </div>
  </div>
</form>

这是我的 jquery 代码

$('#signupForm').validate({
    rules: {
        universityId: {
            pattern: /^[0-9]+$/
        }
    },
    messages: {
        universityId: {
            pattern: "Only numbers are allowed"
        }
    }
});

Answer 1

显然您需要添加附加方法 js 文件。

<script src="https://cdn.jsdelivr.net/jquery.validation/1.15.0/additional-methods.min.js"></script>

Working fiddle.