Javascript FFForm jquery未在提交时清除表单

在这件事上把我的头发拔出来

我在我的网站上使用jquery.ffform.js，并使用以下代码创建了一个表单：

<div id="contactus" style="display:none">

 <section id="getintouch" class="fadeIn animated">
    <div class="container" style="border-bottom: 0;">
        <h1>
            <span>SEND US YOUR QUERY NOW</span>
        </h1>
    </div>
    <div class="container">
        <form class="contact" action="#" method="post" id="form" onload="">
        <div class="row clearfix">
            <div class="lbl">
                <label for="name">
                    Name</label>
            </div>
            <div class="ctrl">
                <input type="text" id="name" name="name" data-required="true" data-validation="text"
                    data-msg="Invalid Name" placeholder="Ex: John Donga" 
                    onfocus="if(this.value === 'value') { this.value = ''; }" value=""/>
            </div>
        </div>
        <div class="row clearfix">
            <div class="lbl">
                <label for="email">
                    E-Mail</label>
            </div>
            <div class="ctrl">
                <input type="text" id="email" name="email" data-required="true" data-validation="email"
                    data-msg="Invalid E-Mail" placeholder="Ex: youremail@domain.com">
            </div>
        </div>
        <div class="row clearfix">
            <div class="lbl">
                <label for="email">
                    Phone</label>
            </div>
            <div class="ctrl">
                <input type="text" id="phone" name="phone" data-required="true" data-validation="custom"
                    data-msg="Invalid Phone #" placeholder="Ex: 111-258-444">
            </div>
        </div>
        <div class="row clearfix">
            <div class="lbl">
                <label for="subject">
                    Subject</label>
            </div>
            <div class="ctrl">
                <input type="text" name="subject" id="subject" placeholder="Ex: Quote for Project">
            </div>
        </div>
        <div class="row clearfix">
            <div class="lbl">
                <label for="message">
                    Message</label>
            </div>
            <div class="ctrl">
                <textarea id="message" name="message" rows="6" cols="10"></textarea>
            </div>
        </div>
        <div class="row  clearfix">
            <div class="span10 offset2">
                <input type="submit" name="submit" id="submit" class="submit" value="Send Message">
            </div>
        </div>
        </form>
        <div id="success">
            Your E-Mail has been sent successfully!</div>
        <div id="error">
            Unable to send e-mail at the moment, please try later.</div>
        <div id="validation">
        </div>


    </div>

</section>

请立即将您的查询发送给我们
名称
电子邮件
电话
主题
消息
您的电子邮件已成功发送！
目前无法发送电子邮件，请稍后再试。

我想要它做的是允许用户输入他或她的联系方式并提交查询。这就像一个符咒，它调用email.php脚本并将电子邮件发送到正确的邮件地址。就在最后，当它显示“邮件已成功发送”时，我单击OK按钮，它返回表单而不清除它。我已经检查了ffform代码，它没有暗示在输入后清除表单。官方网站提供了一个可下载的演示，但即使这样也没有清除表单

有人有什么想法吗

顺便说一下，页面开头的javascript如下所示：

<script type="text/javascript">
    $(document).ready(function () {
        $.getScript('js/jquery.ffform.js', function(){
        $('#form').ffform({ animation: 'fade', 
                            submitButton: '#submit', 
                            validationIndicator: '#validation', 
                            errorIndicator: '#error', 
                            successIndicator: '#success', 

                            'fields': [{ 'id': 'name', required: true, requiredMsg: 'Name is required', type: 'alpha', validate: true, msg: 'Invalid Name' },
                                       { 'id': 'email', required: true, requiredMsg: 'E-Mail is required', type: 'email', validate: true, msg: 'Invalid E-Mail Address' }, 
                                       { 'id': 'phone', required: false, type: 'custom', validate: false, msg: 'Invalid Phone #' }, 
                                       { 'id': 'message', required: true, requiredMsg: 'Cat got your tongue?', type: 'text', validate: false, msg: ''}] });
    });
});

</script>

$（文档）.ready（函数（）{
$.getScript（'js/jquery.ffform.js'，function（）{
$（'#form'）.ffform（{动画：“淡入淡出”，
提交按钮：“#提交”，
validationIndicator:“#validation”，
错误指示器：“#错误”，
成功指标：“#成功”，
'fields'：[{'id'：'name'，required:true，requiredMsg:'name is required'，键入：'alpha'，验证：true，msg:'Invalid name'}，
{'id'：'email'，required:true，requiredMsg:'E-Mail is required'，键入：'email'，验证：true，msg:'Invalid E-Mail Address'}，
{'id'：'phone'，必需：false，键入：'custom'，validate:false，msg:'Invalid phone#'}，
{'id'：'message'，required:true，requiredMsg:'Cat有你的舌头吗？'，键入：'text'，验证：false，msg:'}]}）；
});
});

希望有人能帮忙

非常感谢

---

Dave

$（'#form'）[0].reset（）

将重置FORMHi，我将它添加到html文件中脚本的末尾，但它不起作用。在脚本末尾重新加载页面是否比清除表单更容易（因为重新加载页面会隐藏我的电子邮件表单）？您必须在请求完成后在成功回调中添加页面。现在，如果您希望重新加载所有页面，那么只需重新加载即可