53장 Form관련 Ex-1

래곤 2009. 8. 11. 17:50

입력 값에 대한 유효성 검사

아이디

암호

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>입력 값에 대한 유효성 검사</title>
    <script type="text/javascript">
        function checkForm() {
            //아이디 텍스트 박식 객체 가져오기
            var txtUID = window.document.LoginForm.txtUID; //고전방식

            //체크
            if (txtUID.value == "") {
                window.alert("아이디 입력하세요");

                txtUID.focus(); //해당 컨트롤에 포커스
                return false; //현재 함수 멈춤
            }

            //암호 텍스트 박스 체크 : 길이

            //var txtPwd = window.document.LoginForm.txtPwd; //고전방식
            var txtPwd = window.document.getElementById("txtPwd"); //추천방식
            if (txtPwd.value.length < 3 | txtPwd.value.length > 12) {
                alert("아이디를 3자 이상 12자 이하로 입력하세요.");
                txtPwd.focus();
                txtPwd.select(); //선택:블록씌우기
                return false;
            }
            //동적변경가능
            window.document.LoginForm.action = "LoginProcess.aspx";
            window.document.LoginForm.submit(); //폼 내용 전송

        }


    </script>
</head>

<body>

</body>
</html>