Question

我有一个非常粗糙的PHP联系表单我希望在按下发送时给出动画效果。我希望我的表格能够在屏幕上拍摄，然后是一个小动画，最后是表格再回来，到目前为止一切都很好。我唯一的问题是，在退货时清理表格，现在有人如何做到这一点？任何帮助都将受到大力赞赏。以下是相关联系表单的链接。

http://locodesignz.com

现在解决了问题！谢谢你们。

Answer 1

在wesite看到您的代码后，这是我的答案。如果您只想重置数据，请使用：

document.getElementById("contact").reset();

单击“发送”按钮时编写此代码。很简单。

修改

我看到你的页面上写了这段代码。将其修改为：

$(document).ready(function(){ $(".button").click(function(){ $("#contact-form") .delay(1000) .animate({ height:'toggle', opacity:'toggle' }, (400)); $("#sending-wrapper") .delay(1400) .animate({ top: '-=593' }, 400); $("#sending-wrapper") .delay(2400) .animate({ top: '+=593' }, 400); $("#thanks") .delay(4700) .animate({ top: '-=593' }, 400); $("#thanks") .delay(2400) .animate({ top: '+=593' }, 400); $("#contact-form") .delay(6600) .animate({ height:'toggle', opacity:'toggle' }, (400)); // to reset the form data document.getElementById("contact").reset(); }); });

我希望这会对你有所帮助。

Answer 2

这应该有效：

首先：只保留一个按钮附加一个按钮。移动onclick =“”：

<input class="button" type="button" value="Send It" name="submit"></input>

第二次：添加提交并重置为JQuery：

$(document).ready(function(){
    $(".button").click(function(){

        $("#contact-form") .delay(1000) .animate({ height:'toggle', opacity:'toggle' }, (400));

        $("#sending-wrapper") .delay(1400) .animate({ top: '-=593' }, 400);
        $("#sending-wrapper") .delay(2400) .animate({ top: '+=593' }, 400);

        $("#thanks") .delay(4700) .animate({ top: '-=593' }, 400);
        $("#thanks") .delay(2400) .animate({ top: '+=593' }, 400);

        $("#contact-form") .delay(6600) .animate({ height:'toggle', opacity:'toggle' }, (400));

        // to reset the form data
        document.getElementById("contact").submit();
        document.getElementById("contact").reset();
    });
});

Answer 3

    $(document).ready(function(){
$(".button").click(function(){

$("#contact-form") .delay(1000) .animate({ height:'toggle', opacity:'toggle' }, (400));

$("#sending-wrapper") .delay(1400) .animate({ top: '-=593' }, 400);
$("#sending-wrapper") .delay(2400) .animate({ top: '+=593' }, 400);

$("#thanks") .delay(4700) .animate({ top: '-=593' }, 400);
$("#thanks") .delay(2400) .animate({ top: '+=593' }, 400);

$("#contact-form") .delay(6600) .animate({ height:'toggle', opacity:'toggle' }, (400));
$("#contact")[0].reset();

});
});

您可以使用此替换代码我已将Jquery表单重置添加到您单击功能

单击“发送”返回清除表单

3 个答案: