验证器验证插件错误: TypeError: jQuery未定义
验证器验证插件错误: TypeError: jQuery未定义
提问于 2012-09-13 21:22:04
下面是表单的html代码：
<form method="post" id="login" action="/login">
<div class="login-element">
<label for="email">E-Mail</label>
<input type="text" name="email">
</div>
<div class="login-element">
<label for="password">Passwort</label>
<input type="password" name="password">
</div>
<div class="login-element">
<input type="submit" value="Login">
</div>
</form>下面是我用于验证的代码：
$(document).ready(function() {
$("#login").validate({
debug: true,
rules: {
email: {
required: true,
email: true
},
password: {
required: true
}
},
messages: {
email: {
required: "Please enter a email adress",
email: "Please enter a valid email address"
},
password:"Please enter password"
}
});
});在控制台中，记录了以下错误：
TypeError: validator is undefined
...or.settings[eventType] && validator.settings[eventType].call(validator, this[0],...这里的问题可能是什么？
回答 11
Stack Overflow用户
发布于 2012-09-14 20:12:57
发生这个错误是因为我有另一个具有相同id的html元素。删除该id代码后，它工作得很好。
Stack Overflow用户
发布于 2012-09-13 21:57:15
您需要在文档头包含验证脚本。
如下所示：
<script src="/js/libs/jquery.validate.js" type="text/javascript"></script>此外，请在呈现的HTML中检查您的表单ID是否正确。
我使用此代码在我的站点上调用验证
//Validate Form
var ids = [];
$("form").each(function () {
ids.push(this.id);
});
var formId = "#" + ids[0]
$(formId).validate();Stack Overflow用户
发布于 2014-02-17 20:33:36
同样的问题也出现在我身上。错误的原因是我使用的代码：
if ($("#invalidFormId").valid()) {
....
}并且form元素的id无效
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12407312
复制相关文章
相似问题