™RequireFieldValidator限制空字段
CSS样式
body
{
text-align :center ;
}
.top
{
width :1024px;
height :120px;
}
.main
{
height :300px;
width :1024px;
}
.main h1
{
font-size :15px;
text-align :left ;
background-color :#E7FFE5;
border:1px solid;
border-color :#E7FFE5 ;
}
.textbox
{
border :1px solid #9ccfff;
background-color :#eff7ff;
width :250px;
height :30px;
}
.footer
{
width :1024px;
height:50px;
}
body设计
<body>
<form id="form1" runat="server">
<div class ="top">
<img src="Logo.jpg" width ="192px"/>
<img src="贞心真义的主页横幅.gif" width ="800px" />
</div>
<div class ="main">
<h1>
填写注册信息
</h1>
<table style="width: 100%;">
<tr>
<td style="text-align: right">
邮箱
</td>
<td style="text-align: left">
<asp:TextBox ID="txtEmail" runat="server" CssClass ="textbox"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator2" runat="server"
ErrorMessage="请输入邮箱" ControlToValidate="txtEmail" ForeColor="Red"
Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right">
用户名
</td>
<td style="text-align: left">
<asp:TextBox ID="txtUserName" runat="server" CssClass ="textbox"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator3" runat="server"
ErrorMessage="请输入用户名" ControlToValidate="txtUserName" ForeColor="Red"
Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right">
密码
</td>
<td style="text-align: left">
<asp:TextBox ID="txtPwd" runat="server" CssClass ="textbox"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator4" runat="server"
ErrorMessage="请输入密码" ControlToValidate="txtPwd" ForeColor="Red"
Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right">
确认密码
</td>
<td style="text-align: left">
<asp:TextBox ID="txtPwd2" runat="server" CssClass ="textbox"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator5" runat="server"
ErrorMessage="请再次输入密码" ControlToValidate="txtPwd2" ForeColor="Red"
Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td style="text-align: right">
验证码
</td>
<td style="text-align: left">
<asp:TextBox ID="txtCode" runat="server" CssClass ="textbox"></asp:TextBox>
<asp:RequiredFieldValidator ID="RequiredFieldValidator6" runat="server"
ErrorMessage="请输入验证码" ControlToValidate="txtCode" ForeColor="Red"
Display="Dynamic"></asp:RequiredFieldValidator>
</td>
</tr>
<tr>
<td>
</td>
<td style="text-align: left">
<asp:CheckBox ID="CheckBox1" runat="server" Text ="我已阅读并接受提高班协议"
Checked="True" />
</td>
</tr>
<tr>
<td>
</td>
<td style="text-align: left">
<asp:Button ID="btnRegist" runat="server" Text="注册" />
</td>
</tr>
</table>
</div>
<div class ="footer">©<a href ="http://blog.csdn.net/jyhye" target ="_blank" >信息技术提高班JYH</a>
</div>
</form>
</body>
实现效果