Javascript css中的标签错误

我有一个带有验证的文本框

如果我们在第一次正确显示时单击“保存”按钮，则工作正常。但一旦我们填充文本框，然后从文本框中删除文本，就会发现文本框上显示错误消息。请看这把小提琴：

CSS:

---

更改标签的CSS。错误来自：

label.error
{
    position:absolute;
    Background-image:url("../images/unchecked.jpg");
    background-repeat:no-repeat;
    padding-left: 20px; 
    margin-left: .3em;
    vertical-align:middle;
    background-color: #FFEBE8;
    border: solid 1px red;
    width:210px;
    height:15px;
}

致：

---

对于

#字段

和

标签

，是否需要左浮动

 #field, label {
     float:left;
     font-family: Arial, Helvetica, sans-serif;
     font-size: small;
 }

如果删除该项并同时删除位置表单标签错误和标签有效：

另外，您可能需要修复手机号码检查。您当前的：

/[789]\d{9}$/

将验证

// This as OK
7111111111
// But this would also validate this as OK:
123155551333321212121521251215421212487884655487111111111

尝试使用：

/^[789]\d{9}$/

^

表示字符串的开头

---

背景图像也不好。CSS属性没有大写字母
B
，但在使用浮点填充时要小心-IE6会使用它做一些奇怪的事情-现在人们不应该使用这种浏览器。请注意，在发布表单数据时，您可能还想查看
serialize（）
等。例如，在此处查看its是如何完成的：
// This as OK
7111111111
// But this would also validate this as OK:
123155551333321212121521251215421212487884655487111111111

/^[789]\d{9}$/