使用 asp的标准控件 与 验证控件 以及使用 C#Script 来完成 表单 的输入验证问题

本文介绍了如何使用ASP.NET的标准控件和验证控件,结合C#Script完成表单的输入验证,不依赖HTML标签和JavaScript。通过两种不同的方法,包括验证控件和label标签,详细阐述了验证过程,并提供了代码实现和运行截图。
摘要由CSDN通过智能技术生成

使用 asp的标准控件 与 验证控件 以及使用 C#Script 来完成 表单 的输入验证问题


一,题目

  1. 请制作一个aspx页面,限定只能使用asp的标准控件与验证控件以及使用C#Script来完成Registration Form的输入验证问题(注意: 不能使用html tag与javascript)。若有错误,需以提醒使用者修改输入讯息,其规则如下图红字的部份(关于Country部份,请列举五个国家即可)。

二, 涉及的知识

1. asp标准控件

2.asp验证控件

学习资源来源 csdn博主文章:Asp.Net的六种验证控件
在这里插入图片描述

3.C#Script

4.正则表达式

学习资源 来源csdn博主文章:

  1. ValidationExpression 验证规则
  2. asp正则表达式大全
  3. 验证方法 ValidationExpression 正则表达式

三,第一种解法:使用验证控件

1.运行截图

加载页面如下
在这里插入图片描述

2.代码实现

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="homework4.WebForm1" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>1-Registration Form的输入验证问题</title>

    <style >
         .label_style {
     
           
            width: 100px;
            margin-bottom: 15px;
            margin-right:15px;
            text-align:right;
            display: inline-block;
        }
          .div_content {
     
            border: solid #000000; /*设置边框样式跟颜色*/
            border-width: 1px; /*设置边框宽度*/
            width: 630px; /*设置div宽度*/
            height: 650px; /*设置div高度*/
            margin: 0 auto; /*设置div居中*/
        }

    </style>
</head>


<body>
    <form id="form1" runat="server">
        <div class="div_content">
            <h2 style="font-weight:bold;margin:30px;">Registration Form</h2>

                <asp:Label  runat="server" class="label_style" >User id:</asp:Label>
                <asp:TextBox ID="user_id" runat="server" Width="150px" ></asp:TextBox>  
                    <asp:RequiredFieldValidator  runat="server"
            	           ControlToValidate="user_id"
                            ErrorMessage="Required "
                            ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                    <asp:RegularExpressionValidator 
                        ControlToValidate="user_id"
                        ID="RegularExpressionValidator1"
                        ValidationExpression="\S{5,12}" 
                        runat="server" 
                        ErrorMessage="must be of length 5 to 12"
                         ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server"  class="label_style" >Password:</asp:Label>
                <asp:TextBox ID="password_id" type="password" runat="server" Width="150px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="password_id"
                         ErrorMessage="Required "
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator 
                        ControlToValidate="password_id"
                        ValidationExpression="\S{7,12}" 
                        runat="server" 
                        ErrorMessage="must be of length 7 to 12"
                        ForeColor ="Red">
                    </asp:RegularExpressionValidator>
            <br />

                <asp:Label  runat="server"  class="label_style" >Name:</asp:Label>
                <asp:TextBox ID="name_id" runat="server" Width="350px"></asp:TextBox>
                    <asp:RequiredFieldValidator  runat="server"
            	         ControlToValidate="name_id"
                         ErrorMessage="Required "
                         ForeColor ="Red">
                     </asp:RequiredFieldValidator>
                     <asp:RegularExpressionValidator 
                        ControlToValidate="name_id"
                        ValidationExpression="^[a-zA-Z]+$" 
                        runat="server" 
                        ErrorMessage="alphabates only"
                         ForeColor =
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值