ASP.NET

31.C# ASP.NET - RangeValidator [ 유효성검사컨트롤 ]

Godffs 2009. 10. 13. 10:00
반응형
RangeValidator : 입력 값 범위
Type="Integer" : 타입에 따라서 적용

FrmRangeValidator.aspx

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<body>

    <form id="form1" runat="server">

    <div>

       

        범위<br /><br />

       

        나이 :

        <asp:TextBox ID="txtAge" runat="server"></asp:TextBox>

       

        (1~150)

        <asp:RangeValidator ID="valAge" runat="server"

            ControlToValidate="txtAge"

            MinimumValue="1"

            MaximumValue="150"

            Type="Integer"

            ErrorMessage="나이는 1~150까지 입력하시오.">

        </asp:RangeValidator><br /><br />

       

        <asp:Button ID="btnLogin" runat="server" Text="로그인" />

   

    </div>

    </form>

</body>

</html>




결과화면

[그림31-1]



RangeValidator 컨트롤을 자바스크립트로 표현한 예제입니다.
FrmRangeValidator.htm

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script>

        function CheckLogin() {

            var varAge = parseInt(document.getElementById

                ("txtAge").value); // 값을 받아서 정수형

               

            if (varAge < 1 || varAge > 150) {

                alert("나이는 1~150까지 입력하시오.");

                document.getElementById("txtAge").focus(); //포커스

                return false; //멈춤

            }

           

            return true; //진행

        }

    </script>

</head>

<body>

 

    <form id="frmLogin" action="" method="post"

        onsubmit=" return CheckLogin(); ">

       

    나이 : <input type="text" id="txtAge" name="txtAge" />

    (1~150)<br />

   

    <input type="submit" value="체크" />   

    </form>

 

</body>

</html>



반응형