Javascript

자주 사용하는 함수 구현

trim() 구현

String.prototype.trim = function () {
    return this.replace(/(^\s*)|(\s*$)/g, '');
}

replaceAll() 구현

String.prototype.replaceAll = function(target, replacement) {
  return this.split(target).join(replacement);
};

Window.opne()

팝업을 열고, 팝업창이 닫힐때 부모창 리로드

$(window).on('beforeunload', function () {
    opener.location.replace(opener.location.href);
});

Validate Email Address

<!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>