Question

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

但是，不能让它按照这种新形式的预期工作。它不会停止表单提交，并且一旦电子邮件地址有效，它就不会删除错误。

我已经在下面添加了精简代码和JSFiddle

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>

jQuery的：

$(document).ready(function () {

    $("#myform").validate({
        rules: {
            guest_email: {
                require: true,
                email: true
            }
        }
    });

});

我猜这对某些人来说非常明显，但我似乎无法找到答案。

从他们的CDN调用jQuery.validate.min.js。和/1.11.1/jQuery.min.js一样

我设置表单的方式，我的JS和插件之间肯定会有一些冲突。我的方法在我的网站的不同页面上工作。

Answer 1

<强>已更新

正确的代码

$(document).ready(function(){   
$("#myform").validate({
        rules: {
            guest_email1: {
                required: true,
                email: true
            }
        }
    });
});

Working fiddle :)

最后我得出结论:)，你应该写required。你错过了d

Answer 2

嗯，你的代码在jsfiddle中运行得很好。无论如何，如果它仍然存在于您的工作站上，您可以尝试添加它：

$('input[name=guest_email]').change(function ()
{
    $('input[name=guest_email]').valid();
}

jQuery验证不会在有效的电子邮件输入时删除错误

2 个答案: