有谁知道如何将内部错误字符串包装在跨度中?我正在为我的表单使用 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(使用前将#替换为@)