我需要验证一个字段,如果它有一个值,则在该字段旁边会显示一个“打勾”符号。显示图像旁边的字段
我有以下的javascript函数它执行验证
function validate_this_field(field_value, field_id)
{
if($j('#' + field_id).val()) {
$j('#' + field_id).addClass('mandatory_field_completed');
}
}
CSS代码
.mandatory_field_completed{
border-style: solid;
border-width: 1px;
border-color: green;
background:url(../images/tick.png) right no-repeat;
padding: 4px 4px 4px 34px;
}
与上述的CSS的问题是,图像领域内显示。我想在正在验证的字段的外面和旁边显示“打勾”图片。
任何建议是非常感谢。
非常感谢。
我认为,如果可能的话,最好让图像和输入字段在容器元素中彼此相邻浮动。图像将被设置为可见性:隐藏。验证字段时,向容器中添加一个类,然后将该图像设置为可见性:可见。 – 2012-07-25 14:33:06
干杯..这就是我要做的:) – Kim 2012-07-25 14:36:58
在一般的图像UI元素应该是背景,因为他们不是内容的一部分。内联图像可以工作,但语义上不太有效。 – 2012-07-25 14:39:16