게시판 |
상위분류 : 잡필방 | 중위분류 : 서류가방 | 하위분류 : 전산과 컴퓨터 |
작성자 : 문시형 | 작성일 : 2016-09-13 | 조회수 : 4,234 |
jquery에서 정규식 사용하기
형식 : 정규식변수.test(확인할값);
ex) var reg_id = /^[A-Za-z0-9_-]{4,12}$/;
alert($("#id").val());
자주쓰는 정규식
ID 정규식 : /^[A-Za-z0-9_-]{4,12}$/; #숫자, 대문자, 소문자, 언더바(_),하이픈(-), 4~12자리
패스워드 정규식 : /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/; #영문,숫자를 혼합하여 특수문자가능 6~20자6~20자리
이메일 정규식 : /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
예제소스 :
<!DOCTYPE html>
<html>
<head>
<title>redlamp</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0 user-scalable=no">
<meta charset="utf-8">
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script>
$(document).ready(function(){
$("#id_save").click(function(){
var reg_id = /^[a-z0-9_-]{4,12}$/;
var reg_pw = /^.*(?=.{6,20})(?=.*[0-9])(?=.*[a-zA-Z]).*$/;
var reg_email = /([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([\w-]+\.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/;
if(!reg_id.test($("#id").val())){
alert("아이디는 3-15자 이여야 하며 \n"
+"마침표, '-', '_'를 제외한 문자는 사용하실수 없습니다.");
}
else if(!reg_pw.test($("#pw").val())){
alert('비밀번호 형식이 잘못되었습니다.\n'
+'(영문,숫자를 혼합하여 6~20자 이내)');
}
else if(!reg_email.test($("#email").val())){
alert('이메일 주소가 유효하지 않습니다');
}
else{
alert("정규식 검사 완료")
}
});
});
</script>
</head>
<body>
ID : <input type="text" id="id"><br />
비밀번호 : <input type="text" id="pw"><br />
이메일 : <input type="text" id="email">
<input type="button" value="저장" id="id_save">
</body>
</html>
| | 목록으로