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();

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

1 个答案: