验证控件的使用：一步一步学注册——RequireFieldValidator控件

来源：互联网发布：易语言qq登录源码编辑：程序博客网时间：2024/05/18 11:47

™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>

实现效果