jQuery验证未删除有效电子邮件条目时的错误

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>

我正在尝试设置jQuery验证插件,在发送之前验证电子邮件地址。我以前做过很多次

但就是不能让它在这个新表单中按预期工作。它不会停止表单提交,并且不会在电子邮件地址有效后删除错误

我已经包括了下面的精简代码和

HTML:

<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分钟:)。已解决:)