Blog Content

    티스토리 뷰

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

    반응형
    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>



    반응형

    Comments