imported>Bbon |
|||
| (같은 사용자의 중간 판 하나는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
== 자주 사용하는 함수 구현 == | == 자주 사용하는 함수 구현 == | ||
| + | |||
| + | |||
=== trim() 구현 === | === trim() 구현 === | ||
| + | |||
| + | |||
<syntaxhighlight lang="javascript">String.prototype.trim = function () { | <syntaxhighlight lang="javascript">String.prototype.trim = function () { | ||
return this.replace(/(^\s*)|(\s*$)/g, ''); | return this.replace(/(^\s*)|(\s*$)/g, ''); | ||
| 8번째 줄: | 12번째 줄: | ||
return this.split(target).join(replacement); | return this.split(target).join(replacement); | ||
};</syntaxhighlight> | };</syntaxhighlight> | ||
| − | ===Window.opne() === | + | |
| + | |||
| + | |||
| + | === Window.opne() === | ||
| + | |||
팝업을 열고, 팝업창이 닫힐때 부모창 리로드 | 팝업을 열고, 팝업창이 닫힐때 부모창 리로드 | ||
<syntaxhighlight lang="javascript">$(window).on('beforeunload', function () { | <syntaxhighlight lang="javascript">$(window).on('beforeunload', function () { | ||
| − | + | opener.location.replace(opener.location.href); | |
| − | + | });</syntaxhighlight> | |
| + | |||
=== Validate Email Address === | === Validate Email Address === | ||
| + | |||
| + | |||
Validate Email Address | Validate Email Address | ||
| + | |||
<syntaxhighlight lang="javascript"><!doctype html> | <syntaxhighlight lang="javascript"><!doctype html> | ||
<html> | <html> | ||
2022년 7월 6일 (수) 02:13 기준 최신판
자주 사용하는 함수 구현
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
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>