Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- (using password: YES)" when trying to connect
- 아파치 웹 서버의 정보 숨기기
- html pdf 변환
- 파라미터 & 오류
- PHP 정규식 예제
- apple push notification service (apns) is changing
- thumbnail 클래스
- 윈도우 mod_security2
- 비밀번호검증정규식
- 윈도우 환경 아파치 mod_security2 설치
- modsecurity 설치
- 자바스크립트비밀번호검증
- PHP 구글 OTP 연동
- bootstrap
- php 이미지 url 검증 함수
- javascript
- bootstrap modal
- mod_security2 설치
- 유튜브 플레이 리스트 저장
- mysqldump: Got error: 1045
- sha-2 root
- wsl2 우분투에 docker 설치
- postfix 설치
- 숫자 3자리(천단위) 마다 콤마 찍기
- 비밀번호정규식
- group_concat 구분자
- mariadb upgrade
- php 배열제거
- usb efi 시스템 파티션 삭제
- httpd.conf 보안 설정
Archives
- Today
- Total
투덜이 개발자
[JavaScript] 회원가입 정규식 유효성 검사 본문
반응형
매번 햇갈리는 정규식... 정리해봅니다.
기본적으로 자바스크립트에서 정규표현식은 / (슬래쉬)로 감싼다
"(큰따옴표) 또는 '(작은따옴표)로 감싸지 않는다.
그리고 마지막에 /g 또는 /i 또는 /gi 로 끝난다
g : 발생할 모든 pattern에 대한 전역 검색
i : 대/소문자 구분 안함
아래에서 뜻하는 정규 표현식은 영문 a-z 로 시작하고 이후에 a-z0-9 사이 문자열이 오면 된다는 것이다.
대괄호 앞에 ^가 붙으면 시작을 뜻하고 대괄호 안에 ^가 붙으면 제외를 뜻한다.
^[a-z]로 되어 있으니 시작을 영문 a-z로 하는 것을 뜻한다
+ 연산자로 연결을 한다.
{5,19}는 5~19자리를 뜻한다.
앞에서 ^[a-z]에서 1자리를 먹었으니 이후에 [a-z0-9]{5,19} 5~19자리이니...
결국은 6~20 자리를 뜻한다.
$가 붙으면 끝을 뜻한다.
[a-z0-9]{5,19}$ 이니.. 영문소문자 또는 숫자로 끝이 나면 된다.
var idReg = /^[a-z]+[a-z0-9]{5,19}$/g;
if( !idReg.test( $("input[name=uid]").val() ) ) {
alert("아이디는 영문자로 시작하는 6~20자 영문자 또는 숫자이어야 합니다.");
return;
}
아래에는 예제들이다.
[영문 대문자 또는 소문자로 시작하는 아이디, 끝날때 영문 대문자 또는 소문자]
var idReg = /^[A-za-z]$/g;
[영문 대문자 또는 소문자로 시작하는 아이디, 끝날때 제한 없음]
var idReg = /^[A-za-z]/g;
[영문 대문자 또는 소문자 또는 숫자로 시작하는 아이디, 끝날때 영문 대문자 또는 소문자 또는 숫자]
var idReg = /^[A-za-z0-9]$/g;
[영문 대문자 또는 소문자 또는 숫자로 시작하는 아이디, 끝날때 제한 없음]
var idReg = /^[A-za-z0-9]/g;
[영문 대문자 또는 소문자로 시작하는 아이디, 길이는 5~15자, 끝날때 영문 대문자 또는 소문자]
var idReg = /^[A-za-z]{5,15}$/g;
[영문 대문자 또는 소문자로 시작하는 아이디, 길이는 5~15자, 끝날때 제한 없음]
var idReg = /^[A-za-z]{5,15}/g;
[영문 대문자 또는 소문자 또는 숫자로 시작하는 아이디, 길이는 5~15자, 끝날때 영문 대문자 또는 소문자 또는 숫자]
var idReg = /^[A-za-z0-9]{5,15}$/g;
[영문 대문자 또는 소문자 또는 숫자로 시작하는 아이디, 길이는 5~15자, 끝날때 제한 없음]
var idReg = /^[A-za-z0-9]{5,15}/g;
var strValue = f.user_id.value;
console.log(strValue)
var idReg = /^[a-z]+[a-z0-9_-]{5,9}$/g;
if( !idReg.test(strValue) ) {
alert("아이디는 영문자로 시작하는 6~10자 영문자 또는 숫자이어야 합니다.");
return;
}
반응형
'Program Language > JavaScript & Jquery' 카테고리의 다른 글
[jQuery] 체크박스 전체 선택, 전체 해제, 모든 항목 체크 시 전체 선택 체크박스 선택되게 하기 (0) | 2022.02.14 |
---|---|
Promise.all , Promise.race 차이점 예제 (0) | 2022.02.11 |
(function() { })() 의 의미는? (0) | 2022.02.04 |
[Javascript] 생년월일 (만)나이 계산, 생년월일 유효성 검사 (0) | 2022.02.04 |
드래그해서 순서를 바꿀 수 있는 리스트 만들기(jQuery UI - Sortable) (0) | 2022.01.12 |