정규표현식

RegExp는 정규 표현식 객체이다.
/ ~ /로 표현한다. ("/ ~ /", '/ ~ /' 모두 아니다!)
정규 표현식 객체에는 test()와 exec() 메소드가 있다.
test()는 아규먼트로 들어온 문자열이 정규 표현식에 부합한지를 판단하여 불린 값을 리턴한다.
exec()는 아규먼트로 들어온 문자열에서 정규 표현식에 부합된 문자열을 찾아 리턴한다.

var regExp = /Java/;
var testStr = "www.java-school.net is the best site to learn Java";
var retArr = regExp.exec(testStr);
alert(retArr[0]);

i flag

정규 표현식 객체의 끝의 / 다음에 오는 문자열은 플래그다.
i 플래그가 붙으면 대소문자를 가리지 않는다.

var regExp = /Java/i;
var testStr = "www.java-school.net is the best site to learn Java";
var retArr = regExp.exec(testStr);
alert(retArr[0]);

g flag

g 플래그를 사용하면 마지막으로 매칭 된 위치를 기억하고 있다가 다음번의 exec()를 호출되면 그다음 위치부터 매칭 되는 곳을 찾게 된다.

var regExp = new RegExp('Java', 'gi'); // /Java/gi
var testStr = "www.java-school.net is the best site to learn Java";
var retArr = regExp.exec(testStr);
retArr = regExp.exec(testStr);
alert(retArr[0]);

/../ 사이의 문자

var regExp = /Java-*/gi;
var testStr = "www.java-school.net is the best site to learn Java";
var retArr = regExp.exec(testStr);
retArr = regExp.exec(testStr);
alert(retArr[0]);

var regExp = /\s\*/g;
var testStr = "www.java-school.net *is *the *best *site *to *learn *JAVA";
var retStr = testStr.replace(regExp,'-');
alert(retStr);

다음은 회원가입을 위한 폼이다.

<form id="signUp" action="signUp" method="post" onsubmit="return check()">
    이름 <input type="text" name="name" />
	
    <!-- 중간 생략 -->

</form>

이름에 해당하는 파라미터의 값이 공백문자로만 이루어졌는지 검사하는 자바스크립트 코드를 작성한다.

function check() {
	var regExp = /\s/g;
	var form = document.getElementById("signUp");
	var name = form.name.value;
	name = name.replace(regExp,"");
	if (name.length == 0) {
		alert("이름이 유효하지 않습니다.");
		return false;
	}
	return true;
}

필요한 정규 표현식 얻기

다음 사이트에서 이메일에 대한 정규 표현식을 얻을 수 있다.
http://regexlib.com
이를 이용해서 사용자가 입력한 이메일과 날짜가 유효한 값인지 체크하는 자바스크립트 함수를 만들어 본다.

var emailRegExp = /^([0-9a-zA-Z]([-.\w]*[0-9a-zA-Z])*@([0-9a-zA-Z][-\w]*[0-9a-zA-Z]\.)+[a-zA-Z]{2,9})$/;
var dateRegExp = /^\d{4}\/\d{2}\/\d{2}/;

//테스트 데이터
var email = "hong@gmail.org";
var signUpDate = "2015/1/16";

var check = emailRegExp.test(email);

if (check) {
	alert("유효한 이메일");
} else {
	alert("유효하지 않은 이메일");
}

check = dateRegExp.test(signUpDate);

if (check) {
	alert("유효한 등록일");
} else {
	alert("유효하지 않은 등록일");
}

• http://www.w3schools.com/jsref/jsref_obj_regexp.asp
• http://regexlib.com