728x90
반응형
SMALL
자바스크립트를 사용한 유효성 검사를 하는 내용들은 많다고 하는데요~!
앞에 내용을 보면 누락에 대한 유효성 검사를 했는데요~ㅎㅎ
그것말고도 몇가지 검사를 하는 것들이 있는데 그것들에 대해서 알아보겠습니다~!!
일단 소스코드를 보고 먼저 파악해보겠습니다~!!
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script type="text/javascript">
function check(){
var msg = document.forms[0].zipcode.value;
//alert(msg);
// ? : 0,1
// + : 1~무한대
// * : 0~무한대
// var regex = /^\d{3}-?\d{3}$/; // 우편번호
// 올바른형식
// 345-123, 888-222 , 888222
// 잘못된형식
// ab345-123qw(X)
// 888--222
//var regex = /^\(?\d{2,3}\)?[ -.]\d{3,4}[ -.]\d{4}$/; // 전화번호
// 올바른 형식
// 02-123-4567
// (02) 123 4567
//var regex = /^\d{6}-[1-4]\d{6}$/; // 주민등록번호
// 901220-1234567 (1~4)
//var regex = /^[a-zA-Z0-9_]{4,8}$/; // 아이디
//var regex = /^\w{4,8}$/; // 아이디
//알파벳+숫자 {4,8};
var regex = /^\w{3,5}@[a-z]{2,5}\.[a-z]{2,5}$/; // 이메일체크
//알파벳+숫자+_(3~5)@소문자(2~5).소문자(2~5)
// 올바른 형식
//abc12@daum.net
//x_y@naver.com
if(msg.search(regex) == -1){
alert("잘못된 형식");
} else{
alert("올바른 형식");
}
}
</script>
</head>
<body>
<form name="myform">
<input type="text" name="zipcode">
<input type="button" value="클릭" onclick="check()">
</form>
</body>
</html>
이렇게 우편번호, 전화번호, 주민등록번호, 아이디, 이메일 체크 같은 유효성 검사도 있습니다.
이것들은 나중에 jsp나 spring등에서 회원가입이나 로그인할 때, 많은 필요성을 느끼실 것 입니다.
자 이제 그럼 form창에서 잘 정리된 유효성 검사들을 smooth하게(?) 넘기는 작업도 해보도록 할까요~ㅎㅎ
잘 되신다면 alert창으로 올바른 형식, 잘 안된다면 잘못된 형식이 뜨게 됩니다.
자바스크립트에서 유효성 검사 기타 내용들은 일단 이 정도까지만 알아두시면 됩니다~!!
si회사나 솔루션 회사 같은 곳에서도 현재 많이 사용하기 때문에 잘 메모해두시면 되겠습니다.
728x90
반응형
LIST
'IT 관련,, > 중요문자 적어두기' 카테고리의 다른 글
| [JSP/서블릿]jsp(spring) 서블릿(Servlet)이란 무엇인가?? (0) | 2020.08.16 |
|---|---|
| [웹/jQuery]제이쿼리 animate에 대한 내용~!! (0) | 2020.07.26 |
| [웹/JS]DOM에 대한 내용들~!! (0) | 2020.07.19 |
| [Java/개발]자바 접근제어자(private, public 등)에 대해서 알아보자~!! (0) | 2020.06.28 |
| [database]오라클 계정 생성해서 권한주기 명령어~!! (0) | 2020.06.27 |