覆盖errorPlacement时,jQuery验证未显示正确的错误

迈克尔·D·伊里扎里(Michael D.Irizarry)

我用引导覆盖了errorPlacement方法的工具提示来替换默认错误。但是,当需要商品并且还具有任何其他类型的验证时,必填商品将取代任何其他错误。

我想知道我是否在验证中遗漏了某些东西,或者这是预期的行为。

jsfiddle中的一个示例在这里:http : //jsfiddle.net/CwnUR/8/

$(function() {
    $('form').validate({
       errorElement: 'span',
       errorClass: 'error',
       validClass: 'success',
       errorPlacement: function (error, element) {

            element.attr({ 'title': error.text() }).tooltip({
                placement: 'right',
                trigger: 'manual',
                delay: { show: 500, hide: 5000 }
            }).tooltip('show');

        },
        success: function (label, element) {
            $(element).tooltip('destroy');
        }
    });

    $("#exampleInputEmail1").rules("add", {
        required: true,
        email: true
    });

    $("#exampleInputEmail2").rules("add", {
        required: true,
        equalTo: $("#exampleInputEmail1"),
        messages: {
            equalTo: 'Please retype the same email again.'
        }
    });

});
斯帕罗·霍克(SparoHawk)

问题是工具提示没有正确更新。错误首次触发时,它将显示正确的警告。例如,如果我单击带有空电子邮件地址的提交,我会得到正确的错误,指出必填字段。后续尝试获取其他任何错误(例如无效的电子邮件地址)都不会显示。但是,在我点击提交之前,我写了一些文本,我得到了无效的电子邮件地址错误,然后取代了其他错误。

因此,我要做的就是销毁errorPlacement函数内的工具提示

代码摘录:

errorPlacement: function (error, element) {
    $(element).tooltip('destroy');
    element.attr({
        'title': error.text()
    }).tooltip({

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

MVC视图未显示验证错误

来自分类Dev

TextBox验证未显示错误

来自分类Dev

Codeigniter表单验证未显示错误

来自分类Dev

jQuery验证:errorPlacement不被调用

来自分类Dev

复选框的jQuery验证插件errorPlacement

来自分类Dev

jQuery验证errorPlacement插入元素+ br +错误

来自分类Dev

jQuery Unobtrusive验证的验证摘要未显示

来自分类Dev

Laravel 5.2-验证错误未显示

来自分类Dev

在登录页面上未显示验证错误

来自分类Dev

雪花验证功能未显示错误

来自分类Dev

jQuery验证会在未选择选项且错误不会清除时进行验证

来自分类Dev

jQuery验证errorPlacement wrapInner errorElement

来自分类Dev

MVC视图未显示验证错误

来自分类Dev

TextBox验证未显示错误

来自分类Dev

带有通配符选择器的jQuery验证插件errorPlacement

来自分类Dev

jQuery验证:errorPlacement不被调用

来自分类Dev

条带验证错误未显示

来自分类Dev

cakePHP验证错误未显示

来自分类Dev

Bootstrap错误验证颜色未显示

来自分类Dev

jQuery验证errorPlacement插入元素+ br +错误

来自分类Dev

验证摘要未在正确的位置显示错误

来自分类Dev

错误检查未正确显示

来自分类Dev

未显示Codeigniter验证错误

来自分类Dev

仅当使用 jquery 未正确输入用户名或密码时,如何才能显示我的错误消息?

来自分类Dev

JQuery 验证自定义错误消息未显示

来自分类Dev

验证错误未显示

来自分类Dev

如何修复jquery验证插件中的bug errorPlacement

来自分类Dev

Ruby on Rails 设计 Bootstrap Recaptcha 错误在验证码失败时显示不正确

来自分类Dev

gui 上未显示角度验证错误?

Related 相关文章

热门标签

归档