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

我有一个非常粗糙的PHP联系人表单，我希望在按下Send时提供动画效果。我想让我的身体从屏幕上拍摄下来，然后是一个小动画，最后身体恢复下来，到目前为止还不错。我唯一的问题是，在申报表上填写表格，现在有人知道怎么做吗？任何帮助都将不胜感激。这是联系方式的链接

---

问题现在解决了！谢谢大家。

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

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

这应该可以：

首先：仅将一次单击事件附加到按钮。删除onclick=“”：

---

您可以将代码替换为我添加的Jquery表单重置，单击函数

您已将此问题标记为Java问题。这和Java有什么关系？我们会提供帮助，但你应该发布你的代码。我很抱歉，在按下Send后，我正在使用JS制作一个小动画。是的，我可以帮助你。这可以通过使用css3和javascriptit’s javascript而不是java来完成。抱歉@khurramhassan我对PHP和JS有点陌生，这段代码到底会去哪里？谢谢，真的很感谢。谢谢@Anthony。我恐怕表单会在输入变量仍然存在的情况下返回，但是我感谢您的帮助！工作得很有魅力！非常感谢您的帮助@zword，也感谢所有其他人@LiamDavidHodnett由于发件人的数据在提交之前被重置，因此此功能无法完美地工作。因此，您无法在单击“发送”按钮时获取数据。您是对的，khurram。我怎么会犯这样的错误。好的，我将编辑我的答案。@LiamDavidHodnett您应该看到我更新的答案，以便使您的页面正常工作。

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

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

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

});
});