Javascript 문서 원본 보기

== 자주 사용하는 함수 구현 ==
=== trim() 구현 ===
<syntaxhighlight lang="javascript">String.prototype.trim = function () {
    return this.replace(/(^\s*)|(\s*$)/g, '');
}</syntaxhighlight>
===replaceAll() 구현===
<syntaxhighlight lang="javascript">String.prototype.replaceAll = function(target, replacement) {
  return this.split(target).join(replacement);
};</syntaxhighlight>
===Window.opne() ===
팝업을 열고, 팝업창이 닫힐때 부모창 리로드
<syntaxhighlight lang="javascript">$(window).on('beforeunload', function () {
                opener.location.replace(opener.location.href);
            });</syntaxhighlight>

=== Validate Email Address ===
Validate Email Address
<syntaxhighlight lang="javascript"><!doctype html>
<html>
	<head>
		<title>Vaidate Email Address</title>
		<script>
			function isValidEmail(emailAddress) {
				// Validate Email Address			
				var pattern = new RegExp(/^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i);
				return pattern.test(emailAddress);
			};
			
			function onClick(){
				var inputEmailAddress = document.getElementById('email');
				var eamilAddress = inputEmailAddress.value;
				if(!eamilAddress || eamilAddress.length == 0){
					alert('Input your email address.');
					inputEmailAddress.focus();
				}
				else if(!isValidEmail(eamilAddress)){
					alert(eamilAddress + 'is Invalid Email Address');
					inputEmailAddress.focus();
				}
			}
		</script>
	</head>
	<body>
		<input type="email" id="email" />
		<button onclick="onClick()">Validate</button>
	</body>
</html></syntaxhighlight>