JavaScript È°¿ëÆÁ
2008.05.30 / 19:18
Æû ÀçÀü¼Û ¹æÁö - Áߺ¹ ¼ºê¹Ô submit
Å©·Î¿ì
Ãßõ ¼ö 253
Æû ÀçÀü¼Û ¹æÁö |
¿£Åͳª submit ¹öÆ° µîÀ» ¿¬´Þ¾Æ ´·¶À» ¶§(½ÇÁ¦·Î ÀÚÁÖ ¹ß»ýÇÕ´Ï´Ù) formÀÌ ¿¬¼ÓÀ¸·Î ÀçÀü¼ÛµÇ´Â °æ¿ì°¡ °£È¤ ÀÖ½À´Ï´Ù. ÀÚ¹Ù½ºÅ©¸³Æ®¿¡¼ Àü¿ª º¯¼ö¸¦ Ç÷¡±×·Î »ç¿ëÇÏ¿© ÀçÀü¼ÛÀ» ¹æÁöÇÏ´Â ÆÁÀÌ ÀÖ½À´Ï´Ù¸¸.. form °´Ã¼ÀÇ [submitted] property¸¦ ÀÌ¿ëÇϸé ÈξÀ ±ò²ûÇÏ°Ô ÇØ°áÀÌ µÇ´Â±º¿ä. ¾Æ·¡ ¿¹Á¦ Äڵ带 º¸½Ã¸é ½±°Ô ÀÌÇØ°¡ °¡½Ç °Ì´Ï´Ù. <SCRIPT language="javascript"> function formCheck(FORM) { if (FORM.submitted) return false; <-- ¨ç // ÀÔ·Â °ª üũ ·çƾ FORM.action = 'operation.jsp'; FORM.method = 'POST'; FORM.submitted = true; <-- ¨è return true; } </SCRIPT> <FORM name="SomeForm" onSubmit="return formCheck(this)"> <INPUT type="TEXT" name="input1"/> <INPUT type="SUBMIT"/> </FORM> |
·ÎÄÿ¡ ÀúÀåÇÑ »óÅ¿¡¼ ½ÇÇàÇϸé.. ¹ÝÀÀ¼Óµµ°¡ ¿ö³« »¡¶ó¼ Å×½ºÆ®¿¡ ¾Æ¹«·± Àǹ̰¡ ¾ø½À´Ï´Ù. ·ÎÄÿ¡¼± ¾Æ¹«¸® ¿£Å͸¦ »¡¸® ´·¯µµ óÀ½ ´©¸¥ ¿£ÅÍ¿¡ ´ëÇÑ ¹ÝÀÀÀÌ Áï°¢ÀûÀ¸·Î 󸮵ǹǷΠÆû ÀçÀü¼ÛÀÇ ¹®Á¦°¡ °ÅÀÇ ¹ß»ýÇÏÁö ¾Ê½À´Ï´Ù. (¾ÆÁÖ Àú»ç¾çÀÇ ½Ã½ºÅÛÀ̶ó¸é °á°ú°¡ ´Ù¸¦Áöµµ ¸ð¸£°Ú½À´Ï´Ù.) Á¦°¡ ¾ð±ÞÇÑ Æû ÀçÀü¼ÛÀÇ ¹®Á¦´Â ³×Æ®¿öÅ© Áö¿¬¿¡ ÀÇÇØ ¼¹öÃø Æûó¸® ÆÄÀÏÀÇ ¹ÝÀÀ½Ã°£ÀÌ ´Ê¾îÁö´Â µ¿¾È »ç¿ëÀÚÃøÀÇ ½Ç¼ö³ª ºÎÁÖÀÇ·Î ÀÎÇØ ¶Ç ´Ù¸¥ ¼ºê¹ÔÀÌ ¿äûµÇ´Â »óȲÀ» °¡¸®Åµ´Ï´Ù. ·ÎÄÿ¡¼± °ÅÀÇ ÀÌ·± ¹®Á¦°¡ ¹ß»ýÇÏÁö ¾Ê½À´Ï´Ù. Àúµµ µÚ´Ê°Ô ¾È »ç½ÇÀε¥ FORM.submitted´Â form °´Ã¼ÀÇ ¸í¼¼ÈµÈ ÇÁ·ÎÆÛƼ°¡ ¾Æ´Ï¶ó »ç¿ëÀÚº¯¼ö·Î¼ ÀÛµ¿ÇÏ´Â °Å´õ±º¿ä. MSIEÀÇ °æ¿ì FORM.submitÀ¸·Î ¹Ù²Ù¾î¼ Å×½ºÆ®Çغ¸¾Æµµ Àß µ¿ÀÛÇÏ´õ±º¿ä. Netscape¿¡¼± form °´Ã¼ÀÇ submit() ¸Þ½îµå¿Í ³×ÀÌ¹Ö Ãæµ¹ ¹®Á¦°¡ ¹ß»ýÇß±º¿ä. Áú¹®ÇϽŠºÐÀÇ "undefined"°¡ ¸Þ½ÃÁö°¡ ³ª¿À´Â °ÍÀº Á¦°¡ ÀûÀº »ùÇÃÄÚµåÀÇ ¨è¹ø ¶óÀÎÀÌ ½ÇÇàµÇÁö ¾Ê¾Ò±â ¶§¹®ÀÌ°ÚÁö¿ä. ¾Æ·¡ Äڵ带 ÆÄÀÏ¸í »ó°ü¾øÀÌ ¼¹ö¿¡ ¿Ã·Á³õ°í Å×½ºÆ®Çغ¸¼¼¿ä. <SCRIPT language="javascript"> function formCheck(FORM) { if (FORM.submitted) { alert("FORM.submitted = " + FORM.submitted); return false; } // ÀÔ·Â °ª üũ ·çƾ FORM.action = location.pathname; FORM.method = 'GET'; FORM.submitted = true; return true; } if (location.search.match(/input1/)) { document.write("location => " + location.href + "<BR/>"); } </SCRIPT> <FORM name="SomeForm" onSubmit="return formCheck(this)"> <INPUT type="TEXT" name="input1"/> <INPUT type="SUBMIT"/> </FORM> |