【问题标题】:jQuery Validatation Plug-in How to show an Error Image but no textjQuery 验证插件如何显示错误图像但没有文本
【发布时间】:2010-10-22 17:35:58
【问题描述】:

我正在学习如何使用 jQuery 验证插件。

如果该字段有效或错误,我想做的只是显示一个 ICON (css bkg)。

现在插件要求我添加文本,但我不想要任何...

想法?

代码如下:

/* Sign In Form Validation */
$(document).ready(function() { 
    // validate signup form on keyup and submit 
    var validator = $("#user_new").validate({ 
        rules: { 
            'user[fname]': { 
                required: true,
                minlength: 1
            }
        }, 
        messages: { 
            'user[fname]': "Enter your user_fname"
        }, 
        // the errorPlacement has to take the table layout into account 
        errorPlacement: function(error, element) { 
            if ( element.is(":radio") ) 
                error.appendTo( element.parent().next().next() ); 
            else if ( element.is(":checkbox") ) 
                error.appendTo ( element.next() ); 
            else 
                error.appendTo( element.parent().next() ); 
        }, 
        // set this class to error-labels to indicate valid fields 
        success: function(label) { 
            // set   as text for IE 
            label.html(" ").addClass("checked"); 
        } 
    }); 

});

我尝试将这些消息清空,例如:

            'user[fname]': ""

如果我不包含它,它会显示默认错误消息。

感谢您的任何提示。

【问题讨论】:

    标签: jquery jquery-plugins jquery-validate


    【解决方案1】:

    只需将其设为空格,而不是空白。

    【讨论】:

    • 可能是一个不间断的空间,为容器提供一些内容/宽度,以允许背景显示。不过,<label> 元素可能无关紧要。没试过。
    • 试试 ,正如@tvanfosson 所说。也许验证器正在修剪实际的空白。
    • 说实话,我不建议您只使用图像进行验证。不是很容易接近。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2012-04-25
    • 1970-01-01
    • 2015-02-05
    • 1970-01-01
    • 2011-04-18
    • 2012-11-19
    • 1970-01-01
    相关资源
    最近更新 更多