0

我是新来的，如果可能的话，希望能得到一点帮助。我有一个正在验证的表单，但还想突出显示错误字段并保留弹出框。我不知道出了什么问题？

它在 jsfiddle 上 - http://jsfiddle.net/mKF5L/75/

$('form').validate({
    rules: {
        name: {
            required: true
        },
        email: {
            required: true,
            email: true
        },
        subject: {
            required: true,
            minlength: 10

        },
        comment: {
            required: true,
            minlength: 10,
            maxlength: 200
        }

    },

    highlight: function (element) {
        $(element).closest('.form-group').addClass('has-error');
    },
    unhighlight: function (element) {
        $(element).closest('.form-group').removeClass('has-error');
    },

    showErrors: function (errorMap, errorList) {

        $.each(this.successList, function (index, value) {
            $(value).popover('hide');
        });


        $.each(errorList, function (index, value) {

            console.log(value.message);

            var _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;

            $(value.element).popover('show');

        });
    }
});

谁能告诉我我做错了什么？

提前致谢

加里。

4

1 回答 1

0

showErrors回调不是用于放置单个错误，而是用于创建错误摘要。

所以你需要使用errorPlacement和success回调函数来控制你的工具提示。

这是使用 Tooltipster 插件的类似设置，只是为了给您一个想法。根据需要调整...

$(document).ready(function () {

    $('#myform').validate({
            // rules and options here,
            errorPlacement: function (error, element) {
                $(element).tooltipster('update', $(error).text());
                $(element).tooltipster('show');
            },
            success: function (label, element) {
                $(element).tooltipster('hide');
            }
    });

});

演示：http: //jsfiddle.net/kyK4G/

参考： https ://stackoverflow.com/a/14741689/594235

文档：http: //jqueryvalidation.org/validate

于 2013-11-14T16:33:22.933 回答