复制代码 代码如下:
.header
{
background-color: #CCCCCC;
color: White;
font-size: x-large;
}
.content
{
background-color: White;
font-weight: lighter;
font-size: small;
}
.content td
{
text-align: left;
}
.mandatory
{
color: Red;
}
.errorContainer
{
display: none;
margin-bottom: 20px;
}
.alertMsg
{
margin-left: 20px;
color: #660000;
}
.input-highlight
{
background-color: #CCCCCC;
}
页面结构代码：
复制代码 代码如下:
脚本代码：
先引入脚本文件：
复制代码 代码如下:
脚本功能代码：
复制代码 代码如下:
注意：样式选择器div.errorContainer和div .errorContainer的含义不一样，第一个是选择所有带样式类errorContainer的div元素，而第二个是选择div元素里面的后代所有带样式类errorContainer的元素。
最终效果图：
