imported>Bbon |
|||
| (사용자 2명의 중간 판 3개는 보이지 않습니다) | |||
| 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, ''); | ||
}</syntaxhighlight> | }</syntaxhighlight> | ||
| − | ===Window.opne() === | + | ===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 () { | <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> | ||
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>