我正在尝试验证一个简单的表单。但我不断收到此错误
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
}
}
});
});
这是我的控制台中的错误:
我做错了什么?
谢谢!
最佳答案
您应该首先包含 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>
PS:确保你只有一个 validate
插件!
此外,我建议您添加您的 <script>
关闭之前标签</body>
标签。
<form id="register-form">
<input name="email" placeholder="Email Address" type="text">
<input type="submit" value="Sigin up">
</form>
<script src="https://code.jquery.com/jquery-3.1.0.js"></script>
<script src="https://ajax.aspnetcdn.com/ajax/jquery.validate/1.15.0/jquery.validate.min.js"></script>
<script>
jQuery(function($) {
$("#register-form").validate({
rules: {
email: {
required: true,
email: true
}
}
});
});
</script>
关于javascript - 验证不是一个函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37712198/