Javascript 在进度条后提交表单提交动画

我需要你的帮助

我有一些带有动画的提交按钮，下面是一个工作演示：

http://plnkr.co/edit/KhDdXWYnj3kVxhiKaEFL

但是现在提交不起作用，只需询问并播放动画即可。不提交表格

<button type="submit" name="send_approve" onClick="return message1()" class="progress-button" data-style="rotate-back" data-perspective data-horizontal>Enviar </button>

之前的动画，我有这个，作品很好，但现在我只想按下按钮，动画和提交没有确认验证

    function message1() {

             var r = confirm("¿ Sure to submit ?");
            if (r == true) {
            return true;

                            }
    else    {
            alert('it didnt work');
            return false;
            }   
                    }           

你知道我怎么做吗？

---

谢谢你的帮助

首先，如果不想再提示该问题，请确保删除

onclick

属性。 其次，确保您的按钮以及所有其他字段包装在

表单

标记中，如下所示：

<form name="theForm" method="GET" action="http://www.google.ro/search">
    <input name="q" type="text" placeholder="enter search keyword" />

    <button type="submit" <!-- rest of the attributes except for onclick -->>
         <!-- rest of the content, like those spans go here -->
    </button>
</form>

---

如果您允许我们使用该按钮，通过发布您现在拥有的“工作”版本，然后与我们共享链接，这将非常有用。否则我们只能猜测动画是如何制作的works@StefanBaiu当然，这里是谢谢，我之前做过，重新加载页面，因为我有一个

action=”“

，但也有一个验证

if（isset（$\u POST['send\u approve']））

，我想这不起作用。希望你能帮助我。什么是“发送批准”？这是提交前需要检查的复选框吗？无论如何，服务器需要一个值，因此您需要输入name=“send\u approve”和value=“which you needed”；如果您不想向用户显示它，可以使用type=“hidden”输入，只需在那里为服务器输入一个值，以接收submit按钮，但它是固定的，在进度条按钮之后，我模拟clic

$（“#发送(u批准”）。单击（）

并按下此按钮，谢谢您的帮助。

<form name="theForm" method="GET" action="http://www.google.ro/search">
    <input name="q" type="text" placeholder="enter search keyword" />

    <button type="submit" <!-- rest of the attributes except for onclick -->>
         <!-- rest of the content, like those spans go here -->
    </button>
</form>

if ( progress === 1 ) {
    instance._stop(1);
    clearInterval( interval );

    document.forms["theForm"].submit();
}