유효성 검사 : 상품등록 데이터의 유효성 검사하기

8891 단어 jspjsp
function 핸들러 함수 () {
	var str = document.폼 이름.입력 항목 이름.vlaue;
}
- 데이터 길이 확인
document.폼 이름.입력양식 이름.vlaue.length

- 숫자 여부 확인( 값이 숫자면 false 반환, 아니면 true 반환 )
isNaN(document.폼 이름.입력양식 이름.vlaue)

연습문제

1. 유효성 검사란 무엇인가?
사용자가 폼에 입력한 데이터 값이 서버로 전송되기 전에 특정 규칙에 맞게 입력되었는지 검증 하는것을 말한다.

유효성 검사를 위한 핸들러 함수는 폼 페이지에서 이벤트 발생 시(버튼 클릭 or 'submit'클릭) 유효성 검사를 위해 매핑하는 메소드를 의미한다.

2. 유효성 검사를 위한 두 가지 처리 기법을 간단히 설명하시오.
• 기본 유효성 검사: 사용자가 폼의 입력항목에 입력한 데이터 값의 존재유무, 데이터 길이, 숫자 등 기본적인 것을 검사

• 데이터 형식 유효성 검사: 사용자가 폼의 입력항목에 입력한 데이터 값이 특정 형태에 적합한지 검사하기 위해 정규표현식 사용

3. 유효성 검사를 위한 핸들러 함수와 폼 페이지를 작성하는 기법을 설명하시오.
-> 04번 문제의 코드 참조

4. 비밀번호가 아이디를 포함하지않도록 조건에 맞게 jsp애플리케이션을 만들고 실행결과를 확인하시오.

<script type="text/javascript">
    function checkInfo(){
        var form= document.form;
        if(form.id.value=="")
        {
        alert("아이디 입력");
        form.passwd.select();
        return; 
        }
        else if(form.passwd.value=="")
        {
        alert("비밀번호 입력");
        form.passwd.select();
        return;
        }
    if((form.passwd.value).search(form.id.value)>-1)
        {
        alert("비밀번호는 ID를 포함할 수 없습니다.");
        return;
        }
    form.submit();
        
    }
</script>
<body>
    <form action="validation01_process.jsp" name="form" method="post">
        <p> 아이디: <input type="text" name="id">
        <p> 비밀번호: <input type="password" name="passwd">
        <p> <input type="submit" value="전송" onclick="checkInfo()">
    </form>
</body>

( 학습도서 및 출처: 쉽게 배우는 JSP 웹 프로그래밍 )

좋은 웹페이지 즐겨찾기