Question

我的验证器中有自定义的ErrorPlacement函数，它在工具提示中显示错误：

errorPlacement: function (error, element) {
    var lastError = $(element).data('lastError'),
        newError = $(error).text();
    $(element).data('lastError', newError);
    if (newError !== '' && newError !== lastError) {
        $(element).tooltipster('content', newError);
        $(element).tooltipster('show');
    }
},

这很好用，但我还需要显示＆＃34;请填写所有必填字段＆＃34;表格顶部的信息。

如何使用jQuery Validate？

Answer 1

对不起，英语不好，您可以像这样使用bootstrap工具提示 `

   rules: {
        first_name:"required",
    },

    highlight: function (element) {
        $(element).addClass('is-invalid');
    },
    unhighlight: function (element) {
        $(element).removeClass('is-invalid');
        $(element).attr('data-original-title','');
    },
    errorPlacement: function (error, element) {
        element.attr("data-toggle", "tooltip");
        element.attr("data-original-title", error[0].innerHTML);
        error.css({
            'color': '#FF0000',
        });
        $('.is-invalid').tooltip();
        return false;
    },
    messages:{
      first_name:"Please provide first Name."
   }`

在错误放置中，您定义并初始化工具提示，然后在突出显示时重置工具提示标题。

Answer 2

errorContainer下$('form').validate({ errorContainer:'#myErrorDiv' });下描述了您要查找的选项：

<强> errorContainer 隐藏并显示此容器证实。示例：使用附加容器来显示错误消息。作为errorContainer给出的元素都显示和隐藏发生错误。但是，错误标签本身会添加到作为errorLabelContainer给出的元素，这里是无序列表。因此错误标签也包含在li元素中（包装器选项）。

代码看起来像这样：

{{1}}

工作示例：documentation

jQuery Validate - 在工具提示中显示字段错误加上＆＃34;请填写必填字段＆＃34;信息

2 个答案: