清除电子邮件输入点击“提交”按钮

Question

我经历了每一个帖子，我可以找到与此事有关的事情，但没有为我工作。

我有一个网站，我使用MailChimp的嵌入式表单。你输入你的电子邮件，并打开一个新的页面/选项卡，并显示成功消息。问题是添加在该字段中的电子邮件地址在提交时仍然存在。

这是我使用的形式：

<!-- Begin MailChimp Signup Form --> 
<div id="mc_embed_signup"> 
<form action="" method="post" id="mc-embedded-subscribe-form" name="mc-embedded-subscribe-form" class="validate" target="_blank" novalidate> 
<div class="mc-field-group"> 
<input type="email" value="Email" name="EMAIL" class="required email" id="mce-EMAIL" placeholder="Email"> 
</div> 
<div id="mce-responses" class="clear"> 
    <div class="response" id="mce-error-response" style="display:none"></div> 
    <div class="response" id="mce-success-response" style="display:none"></div> 
</div> 
<input type="hidden" name="SIGNUP" id="SIGNUP" value="tgg_page" /> 
<div class="clear"> 
<input type="submit" value="ΣΤΕΙΛΤΕ ΤΟ ΔΩΡΟ ΜΟΥ!" name="subscribe" id="mc-embedded-subscribe" class="button_link hover_fade large_button gift_button red"> 
</div> 
</form> 
</div> 

这是我迄今为止尝试：

我尝试添加这段JavaScript代码，但没有奏效

<script language="javascript" type='text/javascript'> 

     function ClearAllControls() 
     { 
       for (i=0; i<document.forms[0].length; i++) 
       { 
        doc = document.forms[0].elements[i]; 
        switch (doc.type) 
        { 
         case "text" : 
           doc.value = ""; 
           break; 
          case "checkbox" : 
           doc.checked = false; 
           break;  
          case "radio" : 
           doc.checked = false; 
           break;     
          case "select-one" : 
           doc.options[doc.selectedIndex].selected = false; 
           break;      
          case "select-multiple" : 
           while (doc.selectedIndex != -1) 
           { 
             indx = doc.selectedIndex; 
             doc.options[indx].selected = false; 
           } 
           doc.selected = false; 
           break; 

          default : 
           break; 
        } 
       } 
     } 

</script> 

我也遇到过HTML和jQuery重置按钮解决方案，但它不是我想用的东西。

非常感谢您的帮助！

Answer 1

你并不需要做的是，用form.reset();

所以只是重置表单...

document.forms[0].reset();