jQuery验证未删除有效电子邮件条目时的错误
我正在尝试设置jQuery验证插件,在发送之前验证电子邮件地址。我以前做过很多次 但就是不能让它在这个新表单中按预期工作。它不会停止表单提交,并且不会在电子邮件地址有效后删除错误 我已经包括了下面的精简代码和 HTML:jQuery验证未删除有效电子邮件条目时的错误,jquery,html,validation,Jquery,Html,Validation,我正在尝试设置jQuery验证插件,在发送之前验证电子邮件地址。我以前做过很多次 但就是不能让它在这个新表单中按预期工作。它不会停止表单提交,并且不会在电子邮件地址有效后删除错误 我已经包括了下面的精简代码和 HTML: <form action="" id="myform" method="post" name="myform"> <label for="guest_email">What is your email address?</label>
<form action="" id="myform" method="post" name="myform">
<label for="guest_email">What is your email address?</label>
<input name="guest_email" placeholder="Email address" type="email"/>
<button name="guest_submit" type="submit">Confirm</button>
</form>
$(document).ready(function () {
$("#myform").validate({
rules: {
guest_email: {
require: true,
email: true
}
}
});
});
我猜这对某些人来说是显而易见的,但我似乎找不到答案
jQuery.validate.min.js是从CDN调用的。如/1.11.1/jQuery.min.js所示
我设置表单的方式、我的JS和插件之间一定有冲突。我在我的网站的另一个页面上使用了该方法。好吧,您的代码在JSFIDLE中工作得非常完美。无论如何,如果它仍然存在于您的工作站上,您可以尝试添加以下内容:
$('input[name=guest_email]').change(function ()
{
$('input[name=guest_email]').valid();
}
已更新 正确代码
$(document).ready(function(){
$("#myform").validate({
rules: {
guest_email1: {
required: true,
email: true
}
}
});
});
最后我得出结论:),你应该写
必需的。你错过了d
你在控制台中得到了这个错误未捕获类型错误:无法读取未定义的属性“调用”
我认为你的小提琴有一个bug。它不可能是小提琴,因为它发生在我的网站上,输入错误:required
而不是require
它们是不同的,一个是“guest\u email”,一个是“guest\u submit”。我投了反对票后,你更新了你的答案,因为你以前的答案是错误的。@Dijon,是的,我以错误的方式看代码,我更新了它。那么,是什么让你的代码起作用呢?此操作不需要提交处理程序更改work@Dijon,您好,我更新了答案:)搜索问题花费了15分钟:)。已解决:)