유효성 검사 : 상품등록 데이터의 유효성 검사하기
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 웹 프로그래밍 )
Author And Source
이 문제에 관하여(유효성 검사 : 상품등록 데이터의 유효성 검사하기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@seunghann/유효성-검사-상품등록-데이터의-유효성-검사하기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)