/** * 파일명: lib.validate.js * 설 명: 폼 체크, 값 표준화 * 작성자: jstoy project * 날 짜: 2003-10-28 * lainTT (2003-11-20) : FormChecker Class의 함수 prototype화 & 전역변수를 클래스 안으로...-_-; *********************************************** */ /** *
* 폼 체크 trigger 함수
* 
* * @param Form Object * @return boolean */ function validate(form) { var result; var checker = new FormChecker(form); result = checker.go(); checker.destroy(); return result; } function validate_init() { for (var i=0; i * 미리 정의된 에러 메시지들 * */ /* this.FORM_ERROR_MSG = { //common : "입력하신 내용이 규칙에 어긋납니다.\n규칙에 어긋나는 내용을 바로잡아주세요.", common : "", required : "반드시 입력하셔야 합니다.", notequal : "서로 일치하지 않습니다.", invalid : "입력 형식에 어긋납니다.", denied : "업로드가 제한된 파일입니다.", minbyte : "길이가 {minbyte}Byte 이상이어야 합니다.", maxbyte : "길이가 {maxbyte}Byte를 초과할 수 없습니다." } */ this.FORM_ERROR_MSG = { //common : "입력하신 내용이 규칙에 어긋납니다.\n규칙에 어긋나는 내용을 바로잡아주세요.", common : "", required : "입력하세요.", notequal : "서로 일치하지 않습니다.", invalid : "잘못 입력하였습니다.", denied : "업로드가 제한된 파일입니다.", minbyte : "{minbyte}자 이상 입력하세요.", maxbyte : "{maxbyte}자 이내로 입력하세요.", fixbyte : "{fixbyte}자 로 입력하세요." } this.FORM_ERROR_MSG_POSTPOSITION = { //common : "입력하신 내용이 규칙에 어긋납니다.\n규칙에 어긋나는 내용을 바로잡아주세요.", common : "", required : "을", notequal : "이", invalid : "을", denied : "은", minbyte : "은", maxbyte : "은", fixbyte : "은" } /** *
    * 폼 체크 함수 매핑
    * 
*/ this.VALIDATE_FUNCTION = { email : this.func_isValidEmail, phone : this.func_isValidPhone, userid : this.func_isValidUserid, hangul : this.func_hasHangul, number : this.func_isNumeric, money : this.func_isMoney, engonly : this.func_alphaOnly, jumin : this.func_isValidJumin, bizno : this.func_isValidBizNo } /** *
    * 에러 출력 플래그
    * 
*/ this.ERROR_MODE_FLAG = { all : 1, // 전체 에러를 표시 one : 2, // 처음에 걸린 에러 하나만 표시 one_per_obj : 3 // 한 object당 처음의 에러 표시 } this.form = form; this.isErr = false; this.errMsg = (this.FORM_ERROR_MSG["common"] != "") ? this.FORM_ERROR_MSG["common"] + "\n\n" : ""; this.errObj = ""; this.curObj = ""; this.errMode = this.ERROR_MODE_FLAG["one"]; // 에러메시지 출력모드 } FormChecker.prototype.go = function() { for (var i = 0; i < this.form.elements.length; i++) { var el = this.form.elements[i]; if (el.tagName.toLowerCase() == "fieldset" || el.tagName.toLowerCase() == "object") continue; /*웹표준대응 PDF계약관련*/ SetElementValue(el); /*IE 10 대응 domhtml 상에 required의 문자 있으면 Y로 set해준다.*/ var sTestHtml = el.outerHTML.toUpperCase(); var nPos = sTestHtml.indexOf("REQUIRED"); var nChar = sTestHtml.charAt(nPos-1); if(nPos>0 && nChar==' ') el.setAttribute("required","Y"); if (el.getAttribute("HNAME") == null || el.getAttribute("HNAME") == "") el.setAttribute("HNAME", el.getAttribute("DESC")); var trim = el.getAttribute("TRIM"); var minbyte = el.getAttribute("MINBYTE"); var maxbyte = el.getAttribute("MAXBYTE"); var fixbyte = el.getAttribute("FIXBYTE"); var option = el.getAttribute("OPTION"); var match = el.getAttribute("MATCH"); var delim = el.getAttribute("DELIM"); var glue = el.getAttribute("GLUE"); var pattern = el.getAttribute("PATTERN"); var allow = el.getAttribute("ALLOW"); var deny = el.getAttribute("DENY"); var func = el.getAttribute("FUNC"); if (el.type == "text") { switch (trim) { case "ltrim": el.value = el.value.ltrim(); break; case "rtrim": el.value = el.value.rtrim(); break; case "notrim": break; default: el.value = el.value.trim(); break; } } if (el.getAttribute("REQUIRED") != null || el.getAttribute("CHK_REQUIRED") != null) { var bChkRequired = true; if(el.getAttribute("CHK_REQUIRED") != null) // 체크박스 선택에 따라 필수 체크하는 경우. 만약 체크 안되어 있으면 체크하지 않는다. bChkRequired = this.form.elements[el.getAttribute("CHK_REQUIRED")].checked; if(bChkRequired){ switch (el.type) { case "file": case "text": case "textarea": case "password": case "hidden": if (el.value == null || el.value == "") this.addError(el,"required"); break; case "select-one": if (el.options.length == 0 || el[el.selectedIndex].value == null || el[el.selectedIndex].value == "") this.addError(el,"required"); break; case "radio": case "checkbox": // var elCheck = this.form.elements[el.name]; var elCheck = document.getElementsByName(el.name); for (var j = 0, isChecked = false; j < elCheck.length; j++) { if (elCheck[j].checked == true) isChecked = true; } if (isChecked == false) this.addError(el,"required"); break; //case "checkbox": // if (el.checked == false) this.addError(el,"required"); // break; } } } if (el.type == "text" || el.type == "password") { if (match && (el.value != this.form.elements[match].value)) { this.addError(el,"notequal"); } if (el.value && option != null) { if (glue != null) { var _value = new Array(el.value); var glue_arr = glue.split(","); for (var j = 0; j < glue_arr.length; j++) { _value[j+1] = this.form.elements[glue_arr[j]].value; } var value = _value.join(delim == null ? "" : delim); var tmp_msg = this.VALIDATE_FUNCTION[option](el, value); if (tmp_msg != true) this.addError(el,tmp_msg); } else { var tmp_msg = this.VALIDATE_FUNCTION[option](el); if (tmp_msg != true) this.addError(el,tmp_msg); } } if (el.value && minbyte != null && el.getAttribute("REQUIRED") != null) { if (el.value.bytes() < parseInt(minbyte)) this.addError(el,"minbyte"); } if (el.value && maxbyte != null) { if (el.value.bytes() > parseInt(maxbyte)) this.addError(el,"maxbyte"); } if (el.value && fixbyte != null && el.getAttribute("REQUIRED")) { if (el.value.bytes() != parseInt(fixbyte)) this.addError(el,"fixbyte"); } if (pattern != null) { pattern = new RegExp(pattern); if (!pattern.test(el.value)) this.addError(el,'invalid'); } } if (el.type == "file") { if (el.value && allow != null && allow != "") { pattern = new RegExp("(" + allow.replace(",", "|").toLowerCase() + ")$"); if (!pattern.test(el.value.toLowerCase())) this.addError(el,'denied'); } if (el.value && deny != null && deny != "") { pattern = new RegExp("(" + deny.replace(",", "|").toLowerCase() + ")$"); if (pattern.test(el.value.toLowerCase())) this.addError(el,'denied'); } } if(func) { if(this.isErr) continue; var result = eval(func + "()"); if(result + "" == "undefined") { this.addError(el, "개발:[FUNC]속성 사용시 반드시 결과값(true/false)을 리턴해야 합니다."); } if(result === false) { return false; this.addError(el, "invalid"); } else if(result !== true && result != "") { //this.errMsg = result; el.setAttribute("func_errmsg", result); this.addError(el, result); } } } return !this.isErr; } FormChecker.prototype.destroy = function() { if (this.isErr == true) { alert(this.errMsg); if (this.errObj.getAttribute("delete") != null) this.errObj.value = ""; if (this.errObj.getAttribute("select") != null) this.errObj.select(); if (this.errObj.getAttribute("errfunc") != null) // 물류 현대택배에서 사용. 필수입력 사항 없는 경우 탭이동하는 함수 호출. eval(this.errObj.getAttribute("errfunc")); if (this.errObj.getAttribute("nofocus") == null && this.errObj.type != "hidden") this.errObj.focus(); } this.errMsg = ""; this.errObj = ""; } FormChecker.prototype.addError = function(el, type) { var pattern = /\{([a-zA-Z0-9_]+)\}/i; var msg = (this.FORM_ERROR_MSG[type]) ? this.FORM_ERROR_MSG[type] : type; var pp = this.FORM_ERROR_MSG_POSTPOSITION[type] ? this.FORM_ERROR_MSG_POSTPOSITION[type] : "은"; if(type == "required") { if(el.type == "checkbox" || el.type == "radio" || el.type == "file" || el.type == "select-one") { msg = "선택해 주세요."; } } if (el.getAttribute("errmsg") != null) msg = el.getAttribute("errmsg"); if (pattern.test(msg) == true) { while (pattern.exec(msg)) msg = msg.replace(pattern, el.getAttribute(RegExp.$1)); } if (!this.errObj || this.errMode != this.ERROR_MODE_FLAG["one"]) { if (this.curObj == el.name && el.getAttribute("errmsg") == null) { if (this.errMode == this.ERROR_MODE_FLAG["all"]) { this.errMsg += " - "+ msg +"\n"; } } else if (this.curObj != el.name) { if (this.curObj) { this.errMsg += "\n"; } if(el.getAttribute("func_errmsg") != null) { this.errMsg += type; } else { if (el.getAttribute("errmsg") != null) { this.errMsg += el.getAttribute("errmsg"); } else { // this.errMsg += "["+ el.getAttribute("hname") +"] 항목은 "+ msg +"\n"; this.errMsg += postposition(el.getAttribute("hname"), pp) + " " + msg +"\n"; } } //el.style.backgroundColor = "yellow"; } } if (!this.errObj) this.errObj = el; this.curObj = el.name; this.isErr = true; return; } /// 패턴 검사 함수들 /// FormChecker.prototype.func_isValidEmail = function(el,value) { var value = value ? value : el.value; var pattern = /^[_a-zA-Z0-9-\.]+@[\.a-zA-Z0-9-]+\.[a-zA-Z]+$/; return (pattern.test(value)) ? true : "invalid"; } FormChecker.prototype.func_isValidUserid = function(el) { var pattern = /^[a-zA-Z]{1}[a-zA-Z0-9_]{3,14}$/; return (pattern.test(el.value)) ? true : "4자이상 15자 미만,\n 영문,숫자, _ 문자 조합만 사용할 수 있습니다"; } FormChecker.prototype.func_hasHangul = function(el) { var pattern = /[가-힝]/; // return (pattern.test(el.value)) ? true : "반드시 한글을 포함해야 합니다"; return (pattern.test(el.value)) ? true : "한글을 포함해야 합니다"; } FormChecker.prototype.func_alphaOnly = function(el) { var pattern = /^[a-zA-Z]+$/; return (pattern.test(el.value)) ? true : "invalid"; } FormChecker.prototype.func_isNumeric = function(el) { var pattern = /^[0-9]+$/; // return (pattern.test(el.value)) ? true : "반드시 숫자로만 입력해야 합니다"; return (pattern.test(el.value)) ? true : "숫자로만 입력해야 합니다"; } FormChecker.prototype.func_isMoney = function(el) { var pattern = /^[0-9\,]+$/; // return (pattern.test(el.value)) ? true : "반드시 숫자로만 입력해야 합니다"; return (pattern.test(el.value)) ? true : "숫자로만 입력해야 합니다"; } FormChecker.prototype.func_isValidJumin = function(el,value) { var pattern = /^([0-9]{6})-?([0-9]{7})$/; var num = value ? value : el.value; if (!pattern.test(num)) return "invalid"; num = RegExp.$1 + RegExp.$2; var sum = 0; var last = num.charCodeAt(12) - 0x30; var bases = "234567892345"; for (var i=0; i<12; i++) { if (isNaN(num.substring(i,i+1))) return "invalid"; sum += (num.charCodeAt(i) - 0x30) * (bases.charCodeAt(i) - 0x30); } var mod = sum % 11; return ((11 - mod) % 10 == last) ? true : "invalid"; } FormChecker.prototype.func_isValidBizNo = function(el,value) { var pattern = /([0-9]{3})-?([0-9]{2})-?([0-9]{5})/; var num = value ? value : el.value; if (!pattern.test(num)) return "invalid"; num = RegExp.$1 + RegExp.$2 + RegExp.$3; var cVal = 0; for (var i=0; i<8; i++) { var cKeyNum = parseInt(((_tmp = i % 3) == 0) ? 1 : ( _tmp == 1 ) ? 3 : 7); cVal += (parseFloat(num.substring(i,i+1)) * cKeyNum) % 10; } var li_temp = parseFloat(num.substring(i,i+1)) * 5 + "0"; cVal += parseFloat(li_temp.substring(0,1)) + parseFloat(li_temp.substring(1,2)); return (parseInt(num.substring(9,10)) == 10-(cVal % 10)%10) ? true : "invalid"; } FormChecker.prototype.func_isValidPhone = function(el,value) { var pattern = /^([0]{1}[0-9]{1,2})-?([1-9]{1}[0-9]{2,3})-?([0-9]{4})$/; var num = value ? value : el.value; if (pattern.exec(num)) { if(RegExp.$1 == "010" || RegExp.$1 == "011" || RegExp.$1 == "016" || RegExp.$1 == "017" || RegExp.$1 == "018" || RegExp.$1 == "019") { if(!el.getAttribute("span")) el.value = RegExp.$1 + "-" + RegExp.$2 + "-" + RegExp.$3; } return true; } else { return "invalid"; } } /** * common prototype functions */ String.prototype.trim = function(str) { str = this != window ? this : str; return str.ltrim().rtrim(); } String.prototype.ltrim = function(str) { str = this != window ? this : str; return str.replace(/^\s+/g,""); } String.prototype.rtrim = function(str) { str = this != window ? this : str; return str.replace(/\s+$/g,""); } String.prototype.bytes = function(str) { var len = 0; str = this != window ? this : str; for (j=0; j 128) ? 2 : 1; } return len; } String.prototype.bytesCut = function(bytes) { var str = this; var len = 0; for (j=0; j 128) ? 2 : 1; if (len > bytes) { str = str.substring(0, j); break; } } return str; } function autoNext(el, limit, next_el) { if(el.value.bytes() == 6) next_el.focus(); } //출처:어떤놈의 블로그 function postposition(txt, josa) { if(!txt) return ""; var code = txt.charCodeAt(txt.length-1) - 44032; if (txt.length == 0) return ''; if (code < 0 || code > 11171) return txt; if (code % 28 == 0) return txt + postposition.get(josa, false); else return txt + postposition.get(josa, true); } postposition.get = function (josa, jong) { // jong : true면 받침있음, false면 받침없음 if (josa == '을' || josa == '를') return (jong?'을':'를'); if (josa == '이' || josa == '가') return (jong?'이':'가'); if (josa == '은' || josa == '는') return (jong?'은':'는'); if (josa == '와' || josa == '과') return (jong?'와':'과'); // 알 수 없는 조사 return '**'; } function SetElementValue(element) { if(!element) return false; switch(element.type) { case 'text': case 'password': case 'hidden': element.setAttribute("value",element.value); break; case 'textarea': //element.innerHTML = element.value; break; case 'checkbox': if(element.checked){ element.setAttribute("checked",true);}else{ element.removeAttribute("checked");} break; default: break; } }