jquery验证插件错误

我正在为我的表单使用jquery验证插件。 我的验证代码是

$(document).ready(function () {
    $("#registration").validate({
        rules: {
            name: {
                required: true,
                minlength: 5,
                maxlength: 15
            },
            email: {
            required:true
            },

        },
        showErrors: function (errorMap, errorList) {
            $.each(this.successList, function (index, value) {
                $(value).css({ "border-color": "green" });
                return $(value).popover("hide");
            });
            return $.each(errorList, function (index, value) {
                $(value.element).css({ "border-color": "red" });
                var _popover;
                console.log(value.message);
                _popover = $(value.element).popover({
                    trigger: "manual",
                    placement: "top",
                    content: value.message,
                    template: "<div class=\"popover\"><div class=\"arrow \"></div><div class=\"popover-inner\"><div class=\"popover-content\"><p></p></div></div></div>"
                });
                _popover.data("bs.popover").options.content = value.message;
                return $(value.element).popover("show");
            });
        }
    });
});

$（文档）.ready（函数（）{
$（“#注册”）.validate({
规则：{
姓名：{
要求：正确，
最小长度：5，
最大长度：15
},
电邮：{
必填项：true
},
},
错误：功能（错误映射、错误列表）{
$.each（this.successList，函数（索引，值）{
$（value）.css（{“边框颜色”：“绿色”}）；
返回$（值）.popover（“隐藏”）；
});
返回$each（错误列表、函数（索引、值）{
$（value.element）.css（{“边框颜色”：“红色”}）；
var_popover；
console.log（value.message）；
_popover=$（value.element）.popover({
触发器：“手动”，
位置：“顶部”，
内容：value.message，
模板：“
”
});
_popover.data（“bs.popover”）.options.content=value.message；
返回$（value.element）.popover（“显示”）；
});
}
});
});

代码的问题是，name字段正在得到验证，但是myemail字段没有得到验证。

---

有人能帮忙吗？

不是一个解决方案，而是要记住的一点，html5提供了很多这方面的功能，使用它可以解决您在没有js的情况下的电子邮件需求。我想将我的验证消息显示为自定义弹出框。您还可以添加HTML表单吗？