JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script type="text/javascript">
 
 
 /*
  * 
  * 사용자가 똑같은 폼을 여러 번 반복해서 전송하는 것을 위험(사용자 결제에 관한 부분은 특히 위험하다.)할 수 있으므로 폼 반복 전송(특히 AJAX 전송 시 유용)을 막는다.
  */
 
  function _submit(frm){
      
      if (!frm) return false;
      
      var btn = document.getElementById('_submit_btn'); 
      var ifrm = document.getElementById('form1_frm');
      
      btn.disabled = true;
      
      // setTimeout 메서드를 이용하여 딜레이 되는 시간을 일부러 늘렸다.
      window.setTimeout(function(){
          
          frm.target = 'form1_frm';
          frm.submit();
          
          ifrm.onload = function(){
            btn.disabled = false;            
          }
          
      }, 2000);
      
      return false;
  }
        </script>
        </head>
<BODY>
    <form id="form1" action="http://www.naver.com" onsubmit="return _submit(this)">
        <input id="_submit_btn" type="submit" value="submit" />
    </form>
    <iframe id="form1_frm" name="form1_frm" width="0" height="0" style="position:absolute;top:-9999px;left:-9999"></iframe>
    
</BODY>
</HTML>