仿阿里巴巴表单验证的一些有关问题，高手帮小弟我解决下
日期：2014-05-16 浏览次数：20388 次
仿阿里巴巴表单验证的一些问题，高手帮我解决下。
阿里巴巴注册页面：http://china.alibaba.com/member/join.htm?tracelog=Reg_TradeToolbar_Index
仿代码
<html> <body>
<head>
<title> Check Age </title>
<style type= "text/css ">
.name div.text{
float:left;
width:118px;
font-size:12px;
text-align:right;
font-weight:bold;
}
.name div.redstar {
float:right;
width:10px;
font-size:12px;
text-align:right;
font-weight:normal;
color:#ff0000;
margin-right:3px;
}
div.input{
width:257px;
text-align:left;
float:left;
font-size:12px;
}
div.note{
width:310px;
float:right;
text-align:left;
font-size:12px;
color:#999999;
padding:3px;
line-height:130%;
background:#ffffff;
border:#ffffff 1px solid;
}
div.notetrue{
width:310px;
float:right;
text-align:left;
font-size:12px;
padding:3px;
line-height:130%;
color:#485E00;
background:#F7FFDD;
border:#485E00 1px solid;
}
div.noteawoke{
display: none;
width:310px;
float:right;
text-align:left;
font-size:12px;
color:#ff0000;
padding:3px;
line-height:130%;
background:#fff5d8;
border:#ff7300 1px solid;
background-repeat:no-repeat;
background-position:2 3px;
margin:0px;
}
</style>
</head>
<body>
<table>
<tr>
<td class= "name "> <div class= "text "> 年龄 </div> <div class= "redstar "> * </div> </td>
<td> <div class= "input "> <input type= "text " id= "txtAge " /> <div> </td>
<td> <div class= "note " id= "divTipInfo "> 请输入 3-200 之间的数字！ </div> <div class= "noteawoke " id= "divAlarmInfo "> 请输入正确的数字 </div> </td>
</tr>
<tr>
<td class= "name "> <div class= "text "> 用户名 </div> <div class= "redstar "> * </div> </td>
<td> <div class= "input "> <input type= "text " id= "passName " /> <div> </td>
<td> <div class= "note " id= "divshowmsg "> 4-
阿里巴巴注册页面：http://china.alibaba.com/member/join.htm?tracelog=Reg_TradeToolbar_Index
仿代码
<html> <body>
<head>
<title> Check Age </title>
<style type= "text/css ">
.name div.text{
float:left;
width:118px;
font-size:12px;
text-align:right;
font-weight:bold;
}
.name div.redstar {
float:right;
width:10px;
font-size:12px;
text-align:right;
font-weight:normal;
color:#ff0000;
margin-right:3px;
}
div.input{
width:257px;
text-align:left;
float:left;
font-size:12px;
}
div.note{
width:310px;
float:right;
text-align:left;
font-size:12px;
color:#999999;
padding:3px;
line-height:130%;
background:#ffffff;
border:#ffffff 1px solid;
}
div.notetrue{
width:310px;
float:right;
text-align:left;
font-size:12px;
padding:3px;
line-height:130%;
color:#485E00;
background:#F7FFDD;
border:#485E00 1px solid;
}
div.noteawoke{
display: none;
width:310px;
float:right;
text-align:left;
font-size:12px;
color:#ff0000;
padding:3px;
line-height:130%;
background:#fff5d8;
border:#ff7300 1px solid;
background-repeat:no-repeat;
background-position:2 3px;
margin:0px;
}
</style>
</head>
<body>
<table>
<tr>
<td class= "name "> <div class= "text "> 年龄 </div> <div class= "redstar "> * </div> </td>
<td> <div class= "input "> <input type= "text " id= "txtAge " /> <div> </td>
<td> <div class= "note " id= "divTipInfo "> 请输入 3-200 之间的数字！ </div> <div class= "noteawoke " id= "divAlarmInfo "> 请输入正确的数字 </div> </td>
</tr>
<tr>
<td class= "name "> <div class= "text "> 用户名 </div> <div class= "redstar "> * </div> </td>
<td> <div class= "input "> <input type= "text " id= "passName " /> <div> </td>
<td> <div class= "note " id= "divshowmsg "> 4-
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
