스킬(skills)/자바스크립트(Javascript) 36

주민등록번호 및 외국인등록번호 그리고 법인등록번호까지 한번에 유효성 검사

자바스크립트로 주민등록번호 및 외국인등록번호 그리고 법인등록번호까지 한번에 유효성 검사를 하는 방법이다. var ssnCheck = { /** * 유효성검사. allCheck("8201011234567"); */ allCheck : function(rrn) { if (this.fnrrnCheck(rrn) || this.fnfgnCheck(rrn) || this.fnBsnCheck(rrn)) { return true; } return false; }, /** * 주민등록번호 유효성검사 */ fnrrnCheck : function(rrn) { var sum = 0; if (rrn.length != 13) { return false; } else if (rrn.substr(6, 1) != 1 && rrn.su..

HTML5 지원 안되는 브라우저에서 placeholder 기능 구현

title 속성에 설정 된 값을 기본 안내 문구로 지정하고, 특정 class 명을 찾아 onblur, onfocus 에 따라 값이 보여지고 안 보여지고 처리하는 방식이다. 자바스크립트는 아래와같이 구현해 놓았다. var util = { /** * HTML5 placeholder 구현 * @param obj */ placeholder : function(objClass) { $('.placeholder').each(function() { var text = $(this).attr('title'); var val = $(this).val(); if(val == '') { $(this) .css('color', '#a8a8a8') .val(text); } $(this) .blur(function() { uti..

이미지(Image) 새로 고침(Refresh) 시키기

var src = '/img/test.jpg'; $('#img').attr('src', src); 위와 같이 자바스크립트로 이미지 경로를 변경할 경우가 있다.하지만 브라우져 캐쉬 문제때문에 이렇게 한번 바뀐 이미지는 리프레쉬 하더라도 예전 이미지 그대로 불러와진다.따라서 편법을 써야한다. var time = new Date().getTime();// 이미지 새로고침을 위한 랜덤 값 var src = '/img/test.jpg?time=' + time; $('#img').attr('src', src); 위와 같이 임의의 값이 뒤에 붙도록 파라메터로 넘겨주면 깔끔하게 항상 새로고침 된다!

자바스크립트(javascript) 로 첨부파일 이미지 가로,세로 값 구하기

var file = document.getElementById('ID명').files[0]; function showImageSize(file){ var _URL = window.URL || window.webkitURL; if(file.type = 'image/jpeg') { var img = new Image(); img.src = _URL.createObjectURL(file); img.onload = function() { alert(img.width + " " + img.height); } } } 위의 showImageSize 함수를 호출하여 값을 구할 수 있다.

자바스크립트(javascript)에서 Base64 인코딩(encode) 및 디코딩(decode) 처리

아래의 소스를 참조하여 Base64.encode(값) / Base64.decode(값) 형식으로 사용하면 된다. /** * * Base64 encode / decode * http://www.webtoolkit.info/ * **/ var Base64 = { // private property _keyStr : "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=", // public method for encoding encode : function (input) { var output = ""; var chr1, chr2, chr3, enc1, enc2, enc3, enc4; var i = 0; input = Base64._utf8_e..