http://tysdgs.org/Libs/_js/form.js

1/// ¿¡·¯¸Þ½ÃÁö Æ÷¸ä Á¤ÀÇ ///
2var NO_BLANK = "{name+À»¸¦} ÀÔ·ÂÇÏ¿© ÁֽʽÿÀ.";
3var NO_CHECK = "{name+À»¸¦} ¼±ÅÃÇÏ¿© ÁֽʽÿÀ.";
4var NOT_VALID = "{name+ÀÌ°¡} ¿Ã¹Ù¸£Áö ¾Ê½À´Ï´Ù.";
5var TOO_LONG = "{name}ÀÇ ±æÀÌ°¡ ÃÊ°úµÇ¾ú½À´Ï´Ù. (ÃÖ´ë {maxbyte}¹ÙÀÌÆ®)";
6var SPACE = (navigator.appVersion.indexOf("MSIE")!=-1) ? "          " : "";
7
8// form.js ¹öÁ¯ Ç¥±â
9var form_js = {
10	version: '1.0 r101227'
11};
12
13/// ½ºÆ®¸µ °´Ã¼¿¡ ¸Þ¼Òµå Ãß°¡ ///
14String.prototype.space = function(str) {
15	str = this != window ? this : str;
16	var strTemp = '';
17
18	/MSIE ([0-9]{1,})\.?/.exec(navigator.userAgent);
19	var version = RegExp.$1;
20
21	str.split('\n').each(function(line) { strTemp += line+((navigator.userAgent.match(/MSIE/)&&version<8)?'          ':'')+'\n'}); // 2010.12.27 modified
22	return strTemp;
23}
24
25String.prototype.alert = function(str) {
26	str = this != window ? this : str;
27	alert(str.space());
28}
29
30String.prototype.confirm = function(str) {
31	str = this != window ? this : str;
32	return confirm(str.space());
33}
34
35String.prototype.trim = function(str) {
36	str = this != window ? this : str;
37	return str.replace(/^\s+/g,'').replace(/\s+$/g,'');
38}
39
40String.prototype.hasFinalConsonant = function(str) {
41	str = this != window ? this : str;
42	var strTemp = str.substr(str.length-1);
43	return ((strTemp.charCodeAt(0)-16)%28!=0);
44}
45
46String.prototype.bytes = function(str) {
47	str = this != window ? this : str;
48	for(var i=0, len=0; i<str.length; i++) {
49		var chr = str.charAt(i);
50		if(escape(chr).length > 4) len += 2;
51		else if(chr != '\r') len++;
52	}
53	return len;
54}
55
56String.prototype.number_format = function() {
57	var num = this.replace(/,/g,'');
58	return num.replace(/(\d)(?=(?:\d{3})+(?!\d))/g,'$1,');
59}
60
61Array.prototype.shuffle = function() {
62	return this.concat().sort(function() {
63		return Math.random() - Math.random();
64	});
65}
66
67function in_array(value, array, similar) {
68	for(var i=0; i<array.length; i++) {
69		if(similar==true) {
70			if(value.indexOf(array[i]) != -1) return true; // ºñ½ÁÇÑ °ª
71		} else {
72			if(array[i]==value) return true; // µ¿ÀÏÇÑ °ª
73		}
74	}
75	return false;
76}
77
78function josa(str,tail) {
79	return (str.hasFinalConsonant()) ? tail.substring(0,1) : tail.substring(1,2);
80}
81
82function checkMultiBox(el) {
83	var obj = document.getElementsByName(el.name);
84	for (var i=0; i<obj.length; i++) if(obj[i].checked==true) return true;
85	return false;
86}
87
88function get_form_element(form, element) { // 2009.10.26 added
89	try { form.each(function(el) { if(el.name==element || el.id==element) throw el }) } // form : array()
90	catch(el) { return el }
91	return null;
92}
93
94function validate(form, skip) { // 2009.04.01 fixed
95	for (var i=0; i<form.length; i++) {
96		try {
97			var el = form[i];
98			if(el.tagName.match(/fieldset/i) || el.disabled===true) continue;
99			if(skip && in_array(el.name, skip.split('|'), true)===true) continue;
100			if(el.type.toLowerCase() != "file" && el.getAttribute("NOTRIM")==null && el.value) el.value = el.value.trim(); // ¼öÁ¤ :: ÆÄÆø º¸¾È ¹®Á¦
101
102			// ÷ºÎÆÄÀÏ ÇÊÅ͸µ ¼³Á¤½Ã
103			if(el.type.toLowerCase() == "file" && el.value && (el.getAttribute("filter")!=null || el.getAttribute("antifilter")!=null)) {
104				var file_infos = el.value.split('.');
105				var _ext = file_infos[file_infos.length-1].toLowerCase();
106				if(el.getAttribute("antifilter")!=null && in_array(_ext, el.getAttribute("antifilter").split(','))) {
107					return doError(el,"¼±ÅÃÇϽŠ{name+Àº´Â} ÷ºÎÇÒ ¼ö ¾ø½À´Ï´Ù.("+el.getAttribute("antifilter")+" ÆÄÀÏÀº ÷ºÎºÒ°¡)");
108				}
109				else if(!in_array(_ext, el.getAttribute("filter").split(','))) {
110					return doError(el,"¼±ÅÃÇϽŠ{name+Àº´Â} ÷ºÎÇÒ ¼ö ¾ø½À´Ï´Ù.("+el.getAttribute("filter")+" ÆÄÀϸ¸ ÷ºÎ°¡´É)");
111				}
112			}
113
114			// ±âŸ Çʵ忡 ÇÊÅ͸µ ¼³Á¤½Ã - 08.03.21 Ãß°¡
115			if(el.getAttribute("antifilter")!=null) {
116				var filters = el.getAttribute("antifilter").split(',');
117				var _contents = el.value.replace(/ /g,'').replace(/&nbsp;/g,''); // °ø¹é¹®ÀÚ Á¦°Å
118				for(var x=0; x<filters.length; x++) {
119					if(!filters[x]) continue;
120					if(_contents.indexOf(filters[x])!=-1) {
121						return doError(el, "{name}¿¡´Â '"+filters[x]+"'¸¦ ÀÔ·ÂÇÒ ¼ö ¾ø½À´Ï´Ù.");
122					}
123				}
124			}
125			var PATTERN = el.getAttribute("PATTERN");
126			var minbyte = el.getAttribute("MINBYTE");
127			var maxbyte = el.getAttribute("MAXBYTE");
128			var minval = el.getAttribute("MINVAL");
129			var maxval = el.getAttribute("MAXVAL");
130			var option = el.getAttribute("OPTION");
131			var ignore0 = el.getAttribute("IGNORE0");
132			var match = el.getAttribute("MATCHING"); // ¼öÁ¤ :: Prototype JS ¿Í Ãæµ¹ÇÏ¿© 'MATCH' ¿¡¼­ 'MATCHING' À¸·Î º¯°æ
133			var glue = el.getAttribute("GLUE");
134			var unit = el.getAttribute("UNIT");
135			var or = el.getAttribute("OR"); // Ãß°¡ :: µÑ Áß ÇϳªÀÇ °ªÀ» ÀÔ·Â ¹Þ°íÀÚ ÇÏ´Â °æ¿ì(ÀÌ°æ¿ì, REQUIRED ´Â »ç¿ëÇÏÁö ¸» °Í)
136			if(unit == null) unit = '';
137
138			if (el.getAttribute("REQUIRED") != null) {
139				if(el.getAttribute('nofocus')==null && el.style.display=='none') continue; // 2009.05.06 Ãß°¡
140				var ERR_MSG = (el.getAttribute("MESSAGE") != null) ? el.getAttribute("MESSAGE") : null;
141				if ((el.type.toLowerCase() == "radio" || el.type.toLowerCase() == "checkbox") && !checkMultiBox(el)) return (ERR_MSG) ? doError(el, ERR_MSG) : doError(el, NO_CHECK);
142				if (el.tagName.toLowerCase() == "select" && (el.value == null || el.value == "")) return (ERR_MSG) ? doError(el,ERR_MSG) : doError(el,NO_CHECK);
143				if (el.value == null || el.value == "" || (ignore0==null && el.value == "0") || (el.getAttribute("DEFAULT")!=null && el.value == el.getAttribute("DEFAULT"))) return (ERR_MSG) ? doError(el,ERR_MSG) : doError(el,NO_BLANK);
144			}
145		}
146		catch(e) {
147			//alert(e.message+form[i].name+":"+form[i].checked +":"+ form[i].value);
148		}
149
150		if (minbyte != null && el.value != "" && el.value.bytes() < parseInt(minbyte)) {
151			if(unit=='') unit = "¹ÙÀÌÆ®";
152			return doError(el,"{name+Àº´Â} ÃÖ¼Ò "+new String(minbyte).number_format()+unit+" ÀÌ»ó ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.");
153		}
154		if (maxbyte != null && el.value != "" && el.value.bytes() > parseInt(maxbyte)) {
155			if(unit=='') unit = "¹ÙÀÌÆ®";
156			return doError(el,"{name+Àº´Â} ÃÖ´ë "+new String(maxbyte).number_format()+unit+" ÀÌÇÏ·Î ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.");
157		}
158
159		if (minval != null && el.value != "" && el.value < parseInt(minval)) return doError(el,"{name+Àº´Â} ÃÖÇÏ "+new String(minval).number_format()+unit+" ÀÌ»ó ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.");
160		if (maxval != null && el.value != "" && el.value > parseInt(maxval)) return doError(el,"{name+Àº´Â} ÃÖ°í "+new String(maxval).number_format()+unit+" ÀÌÇÏ·Î ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.");
161		if (PATTERN != null && el.value != "" && !PATTERN(el,pattern)) return false;

162
163		if (match != null) { // 2009.10.26 fixed
164			var match_el = form[match];
165			if(match_el==undefined) match_el = get_form_element(form, match);
166			if(el.value != match_el.value) return doError(el,"{name+ÀÌ°¡} ÀÏÄ¡ÇÏÁö ¾Ê½À´Ï´Ù.");
167		}
168		if (or != null && (el.value == null || el.value == "")) { // 2009.10.26 fixed
169			var or_el = form[or];
170			if(or_el==undefined) or_el = get_form_element(form, or);
171			if(or_el.value==null || or_el.value == "") {
172				var name2 = (hname = or_el.getAttribute("HNAME")) ? hname : or_el.getAttribute("NAME");
173				return doError(el,"{name+} ¶Ç´Â "+name2+" Áß Çϳª´Â ÀÔ·ÂÇÏ¼Å¾ß ÇÕ´Ï´Ù.");
174			}
175		}
176
177		if (option != null && el.value != "") {
178			if (el.getAttribute('SPAN') != null) {
179				var _value = new Array();
180				for (var span=0; span<el.getAttribute('SPAN');span++ ) _value[span] = form[i+span].value;
181				var value = _value.join(glue == null ? '' : glue);
182				if (!funcs[option](el,value)) return false;
183			} else {
184				try{ if (!funcs[option](el)) return false; } catch(e) {} // ¼öÁ¤ :: Àͽº7¿¡¼­ 'runtime' ¿À·ù ¹ß»ýÀ¸·Î º¯°æ
185			}
186		}
187	}
188	return true;
189}
190
191function doError(el,type,action) {
192	if(type==undefined) type = NO_BLANK; // fixed
193	var pattern = /{([a-zA-Z0-9_]+)\+?([°¡-Èþ]{2})?}/g;
194	var name = (hname = el.getAttribute("HNAME")) ? hname : el.getAttribute("NAME");
195	pattern.exec(type);
196	try {
197		var tail = (RegExp.$2) ? josa(eval(RegExp.$1),RegExp.$2) : '';
198		(type.replace(pattern,eval(RegExp.$1) + tail)).alert();
199	}
200	catch(e) { // checkbox ¿¡¼­ ¿À·ù°¡ ¹ß»ýÇÒ °¡´É¼ºÀÌ ³ô´Ù
201		var message = el.getAttribute("message");
202		if(message!=null) message.alert();
203		else doError(el,NO_CHECK);
204		return false;
205	}
206	if(action == "sel") el.select();
207	else if(action == "del")	el.value = "";
208	if(el.getAttribute("NOFOCUS") == null) {
209		el.focus();
210		if(el.getAttribute("DEFAULT")!=null) el.value = el.getAttribute("DEFAULT");
211	}
212	if(el.getAttribute("SETFOCUS") != null && el.getAttribute("SETFOCUS") !='') el.form[el.getAttribute("SETFOCUS")].focus();
213	return false;
214}
215
216/// Ư¼ö ÆÐÅÏ °Ë»ç ÇÔ¼ö ¸ÅÇÎ ///
217var funcs = new Array();
218funcs['domain'] = isValidDomain;
219funcs['email'] = isValidEmail;
220funcs['hphone'] = isValidHPhone;
221funcs['phone'] = isValidPhone;
222funcs['phones'] = isValidPhones;
223funcs['userid'] = isValidUserid;
224funcs['userpw'] = isValidUserpw;
225funcs['hangul'] = hasHangul;
226funcs['number'] = isNumeric;
227funcs['float'] = isFloat;
228funcs['engonly'] = alphaOnly;
229funcs['normal'] = isSpecialCharacter;
230funcs['jumin'] = isValidJumin;
231funcs['bizno'] = isValidBizNo;
232
233/// ÆÐÅÏ °Ë»ç ÇÔ¼öµé ///
234function isBlank(el,value) { // 2008.07.12 Ãß°¡
235	var value = value ? value : el.value;
236	return value.trim() ? true : doError(el,NO_BLANK);
237}
238
239function isValidDomain(el,value) {
240	if(el.getAttribute('required')==null) {
241		var default_val = el.getAttribute('default');
242		if(default_val!=null && el.value==default_val) return true;
243	}
244	var value = value ? value : el.value;
245	var pattern = /^[_a-zA-Z°¡-Èþ0-9-]+\.[a-zA-Z°¡-Èþ0-9-\.]+[a-zA-Z]+$/;
246	return (pattern.test(value.replace(/http:\/\//g, ''))) ? true : doError(el,NOT_VALID);
247}
248
249function isValidEmail(el,value) {
250	var value = value ? value : el.value;
251	var pattern = /^[_a-zA-Z0-9-\.]+@[\.a-zA-Z0-9-]+\.[a-zA-Z]+$/;
252	return (pattern.test(value)) ? true : doError(el,NOT_VALID);
253}
254
255function isValidUserid(el) { // 2008.07.14 doError ¼öÁ¤
256	var pattern = /^[a-z]{1}[a-z0-9]{3,14}$/;
257	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} ¿µ¹® ¼Ò¹®ÀÚ·Î ½ÃÀÛÇÏ´Â 4~15ÀÚÀÇ ¿µ¹® ¼Ò¹®ÀÚ¿Í ¼ýÀÚÀÇ Á¶ÇÕ¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.");
258}
259
260function isValidUserpw(el) { // 2008.07.14 doError ¼öÁ¤
261	var pattern = /^[a-zA-Z0-9]{4,15}$/;
262	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} 4~15ÀÚÀÇ ¿µ¹®ÀÚ¿Í ¼ýÀÚÀÇ Á¶ÇÕ¸¸ »ç¿ëÇÒ ¼ö ÀÖ½À´Ï´Ù.");
263}
264
265function hasHangul(el) {
266	var pattern = /[°¡-Èþ]/;
267	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} ¹Ýµå½Ã ÇѱÛÀ» Æ÷ÇÔÇØ¾ß ÇÕ´Ï´Ù.");
268}
269
270function alphaOnly(el) {
271	var pattern = /^[a-zA-Z]+$/;
272	return (pattern.test(el.value)) ? true : doError(el,NOT_VALID);
273}
274
275function isSpecialCharacter(el) {
276	var pattern = /[a-zA-Z°¡-Èþ0-9]/;
277	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} Ư¼ö¹®ÀÚ¸¦ ÀÔ·ÂÇÒ ¼ö ¾ø½À´Ï´Ù.");
278}
279
280function isNumeric(el) {
281	var pattern = /^[0-9]+$/;
282	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} ¹Ýµå½Ã ¼ýÀڷθ¸ ÀÔ·ÂÇØ¾ß ÇÕ´Ï´Ù.");
283}
284
285function isFloat(el) {
286	var pattern = /^[0-9]+(\.[0-9]{1,4})?$/;
287	return (pattern.test(el.value)) ? true : doError(el,"{name+Àº´Â} ¹Ýµå½Ã Á¤¼ö ¶Ç´Â ¼Ò¼ö ³Ý° ÀÚ¸®±îÁö¸¸ ÀÔ·ÂÇØ¾ß ÇÕ´Ï´Ù.");
288}
289
290function isValidJumin(el,value) {
291	var pattern = /^([0-9]{6})-?([0-9]{7})$/;
292	var num = value ? value : el.value;
293	if (!pattern.test(num)) return doError(el,NOT_VALID);
294	num = RegExp.$1 + RegExp.$2;
295
296	var sum = 0;
297	var last = num.charCodeAt(12) - 0x30;
298	var bases = "234567892345";
299	for (var i=0; i<12; i++) {
300		if (isNaN(num.substring(i,i+1))) return doError(el,NOT_VALID);

301		sum += (num.charCodeAt(i) - 0x30) * (bases.charCodeAt(i) - 0x30);
302	}
303	var mod = sum % 11;
304	return ((11 - mod) % 10 == last) ? true : doError(el,NOT_VALID);
305}
306
307function isValidBizNo(el, value) {
308	var pattern = /([0-9]{3})-?([0-9]{2})-?([0-9]{5})/;
309	var num = value ? value : el.value;
310	if (!pattern.test(num)) return doError(el,NOT_VALID);
311	num = RegExp.$1 + RegExp.$2 + RegExp.$3;
312	var cVal = 0;
313	var checkID = new Array(1, 3, 7, 1, 3, 7, 1, 3, 5, 1);
314	for (var i=0; i<8; i++) cVal += checkID[i]*num.charAt(i);
315	var li_temp = '0' + (checkID[8]*num.charAt(8));
316	li_temp = li_temp.substring(li_temp.length-2, li_temp.length);
317	cVal += parseFloat(li_temp.charAt(0)) + parseFloat(li_temp.charAt(1));
318	return (parseInt(num.charAt(9))==(10-(cVal%10))%10) ? true : doError(el,NOT_VALID);
319}
320
321function isValidPhone(el,value) {
322	var num = value || el.value;
323	num = num.trim().replace(/[^\d]/g,'');
324	switch(num.length) {
325		case 8: num = num.substr(0, 4) +'-'+ num.substr(4, 4); break;
326		case 9: if(num.substr(1,1)=='2') num = num.substr(0, 2) +'-'+ num.substr(2, 3) +'-'+ num.substr(5); break; // 2012.05.09 added
327		case 10:
328			if(num.substr(1,1)=='2') num = num.substr(0, 2) +'-'+ num.substr(2, 4) +'-'+ num.substr(6);
329			else num = num.substr(0, 3) +'-'+ num.substr(3, 3) +'-'+ num.substr(6);
330			break;
331		case 11: num = num.substr(0, 3) +'-'+ num.substr(3, 4) +'-'+ num.substr(7); break;
332		case 12: num = num.substr(0, 4) +'-'+ num.substr(4, 4) +'-'+ num.substr(8); break;
333		default: return doError(el,NOT_VALID);
334	}
335	if(num.match(/^0[0-9]{1,3}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/) || // phone
336		num.match(/^[0-9]{4}-[0-9]{4}$/)) { // keynum
337		if(!el.getAttribute('SPAN')) {
338			el.value = num;
339		}
340		return true;
341	}
342	return doError(el,NOT_VALID);
343}
344
345function isValidHPhone(el,value) {
346	var num = value || el.value;
347	num = num.trim().replace(/[^\d]/g,'');
348	switch(num.length) {
349		case 10: num = num.substr(0, 3) +'-'+ num.substr(3, 3) +'-'+ num.substr(6); break; // 2012.05.21 added
350		case 11: num = num.substr(0, 3) +'-'+ num.substr(3, 4) +'-'+ num.substr(7); break;
351		case 12: num = num.substr(0, 4) +'-'+ num.substr(4, 4) +'-'+ num.substr(8); break;
352		default: return doError(el,NOT_VALID);
353	}
354	if(num.match(/^01[016789]{1}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/)) {
355		if(!el.getAttribute('SPAN')) {
356			el.value = num;
357		}
358		return true;
359	}
360	return doError(el,NOT_VALID);
361}
362
363// 2012.04.02 fixed
364function isValidPhones(el,value) {
365	var num = value || el.value;
366	num = num.trim().replace(/[^\d]/g,'');
367	switch(num.length) {
368		case 8: num = num.substr(0, 4) +'-'+ num.substr(4, 4); break;
369		case 9: if(num.substr(1,1)=='2') num = num.substr(0, 2) +'-'+ num.substr(2, 3) +'-'+ num.substr(5); break; // 2012.05.09 added
370		case 10:
371			if(num.substr(1,1)=='2') num = num.substr(0, 2) +'-'+ num.substr(2, 4) +'-'+ num.substr(6);
372			else num = num.substr(0, 3) +'-'+ num.substr(3, 3) +'-'+ num.substr(6);
373			break;
374		case 11: num = num.substr(0, 3) +'-'+ num.substr(3, 4) +'-'+ num.substr(7); break;
375		case 12: num = num.substr(0, 4) +'-'+ num.substr(4, 4) +'-'+ num.substr(8); break;
376		default: return doError(el,NOT_VALID);
377	}
378	if(num.match(/^01[016789]{1}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/) || // mobile
379		num.match(/^0[0-9]{1,3}-[1-9]{1}[0-9]{2,3}-[0-9]{4}$/) || // phone
380		num.match(/^[0-9]{4}-[0-9]{4}$/)) { // keynum
381		if(!el.getAttribute('SPAN')) {
382			el.value = num;
383		}
384		return true;
385	}
386	return doError(el,NOT_VALID);
387}