Question

我是编码方面的新手，但是我试图通过使用jquery向div容器添加一个类来提交表单后向您显示订阅消息表示感谢，该容器保存该表单以使用display将其隐藏：没有，并在其位置添加感谢信息。我正在使用以下代码：

$('#mc-embedded-subscribe-form').submit(function(){
    var element = document.getElementById("newsletterform");
    element.classList.add("success");
    element.innerHTML += '<div class="thanks">Thanks for Subscribing!</div>';
    $('#mc-embedded-subscribe-form').submit();
});

这是html

<html>
<head>
<style>
    .success{
        group_input{
            display:none;
        }
    }
</style>
</head>
<body>

    <iframe name="votar" style="display:none;"></iframe> 
    <div id="newsletterform">
    <form action="{{ settings.mailchimp_form_action }}" method="post" name="mc-embedded-subscribe-form" target="votar">

    <div class="group_input">
      <input type="text" value="" name="COMPANY" class="" id="mce-COMPANY">
      <input type="email" name="EMAIL" placeholder="{{ settings.news_input }}" /><button  class="btn" type="submit">{{settings.news_actiontext}}</button>
    </div>       
    </form>
    </div>

</body>

这将隐藏表单并显示“谢谢”消息，但不会提交电子邮件地址。就像电子邮件在发布到操作网址之前被剥离了一样。

我还尝试将$('#mc-embedded-subscribe-form').submit();移到var声明上方，并提交带有电子邮件地址的表单，但未显示“谢谢”消息。

我在做什么错了？

谢谢！

Answer 1

尝试通过ajax提交表单：

IMesh

jQuery事件附加到提交按钮时，表单未发布

1 个答案: