Question

我正在尝试验证一个简单的表单。但我一直收到这个错误

Uncaught TypeError: $(...).validate is not a function

这是我的html文件，其格式为：

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Cohorts</title>


  </head>
  <body>
    <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
    <script src="trunk/dev/validation.js"></script>

    <form id="register-form" class="form-horizontal" name="form" ng-submit="addCohort()">

      <div class="form-group">

        <label class="control-label col-xs-3">Name:</label>

        <input name="email" placeholder="Email Address" type="text" ng-model="formCohort.firstname">

        <input class = "btn-btn-primary" id="submit-button"  type="submit" value="Sigin up">
      </div>

    </form>
  </body>
</html>

这是我的验证。

$(function () {
  $("#register-form").validate({
    rules:{
      email:{
        required: true,
        email: true

      }
    }
  });

});

以下是我的控制台中的错误：

我做错了什么？

谢谢！

Answer 1

首先应该包含jQuery库而不是你的验证插件

<script src="https://code.jquery.com/jquery-2.1.4.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
<script src="trunk/dev/validation.js"></script>

P.S：确保你只有一个validate插件！

此外，我建议您在结束<script>代码前 标记<{1}}。

</body>

验证不是一个功能

1 个答案: