Blog Content

    티스토리 뷰

    javaScript를 이용한 메일주소 체크

    반응형

    <script type="text/javascript">

             function Email() {

                if (check_mailValue(document.getElementById('<%=EmailTextBox.ClientID %>').value)) {

                    return true;

                }

                else {

                    alert("다시입력하세요.");

                    return false;

                }

            }

           

            function check_mailValue(gg) {

                var check1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/;
                var check2 = /^[a-zA-Z0-9\-\.\_]+\@[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4})$/;

     

                if (!check1.test(gg) && check2.test(gg)) {

                    return true;

                } else {

                    return false;

                }

            }

    </script>


    <asp:TextBox ID="EmailTextBox" runat="server" Width="275px"></asp:TextBox>


    <asp:ImageButton ID="Buttoin1" runat="server" ImageUrl="이미지경로" OnClientClick="return Email()" onclick="Buttoin1_Click" />


    여기서 OnClientClick="return Email()" 를 한 이유는
    OnClientClick를 선언해서 자바스크립트 이벤트 실행하도록 했다. 검사를 통해서 문제가 없으면 다음 서버이벤트를 호출 한다.
    자바스크립트는 클라이언트 언어이기때문에
    return 입력하고 자바스크립트 이벤트를 호출 한다.

    Email() 틀리면 return되서 멈추고 서버이벤트를 호출 하지 않는다.

    자세한건 OnClientClick 에 관련해서 검색해보자

    반응형

    Comments