使用 jQuery Validate 插件,如何将错误消息字符串包装在跨度中

2024-04-15

有谁知道如何将内部错误字符串包装在跨度中?我正在为我的表单使用 jQuery Validate 插件,并在标签标记中显示默认的错误消息,这目前还不错。例子:

<label class="error" for="email">This field is required</label>

我想将错误文本字符串包装在一个跨度中,以便可以获得该文本字符串的像素宽度。希望它看起来像这样:

<label class="error" for="email"><span class="youreAwesome">This field is required</span></label>

推理:我试图获取文本字符串的像素宽度并将该宽度应用于父容器。我有不同的错误消息长度(有些短,有些长),每个错误消息都有亮红色背景。我不想为所有人设置固定宽度,因为带有超长红色背景的短错误消息在我的设计中看起来很奇怪(反之亦然)。

谢谢您的帮助!


Use the errorElement option http://jqueryvalidation.org/validate/#errorelement将每个项目包装在span.

然后使用the wrapper option http://jqueryvalidation.org/validate/#wrapper把每一个都围起来span在一个label

$('#myform').validate({
    errorElement: 'span',
    wrapper: 'label'
    ....

会给你...

<label><span class="error">This is Required</span></label>

对于 CSS 和 jQuery 定位,您不需要特殊的class因为你可以这样选择...

label > span

或者更具体地说...

label > span.error

DEMO: http://jsfiddle.net/s89ommhx/ http://jsfiddle.net/s89ommhx/

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使用 jQuery Validate 插件,如何将错误消息字符串包装在跨度中 的相关文章

随机推荐