Jquery AJAX联系人表单提交时不刷新

我正在尝试制作我的个人投资组合，我正在使用这个模板来实现这一点。 我完成了所有的工作，但我无法激活联系人表单。 我尝试使用ajax脚本和jquery验证程序脚本，但没有成功。 我希望在不刷新页面和显示消息（如果消息已发送）的情况下提交联系人表单。 此外，我想使用SMTP的。 谢谢

你的信息

刷新很可能是由带有type='submit'的输入引起的。将其更改为type='button'，它将不会提交并导致刷新。接下来，您需要将ajax处理程序附加到click事件以在后台发布数据。

可以免费下载模板，只有index.html，将其重命名为index.php，您可以尝试自己管理此模板。模板是免费的你的代码在哪里？！下载模板，我的代码不成功，所以我删除了它。如果我知道代码，我不会问你“没有成功”，但到底出了什么问题？e、 g.当您加载页面或尝试提交表单时，浏览器控制台（按F12）中是否有任何错误？您是否确实加载了所有必需的JS库等？不幸的是，仅仅说“它不起作用”并不能给你带来太多帮助-可能有1000个原因可以猜测而不查看详细信息。我只需要有人使用smtp和ajax制作联系人表单，在提交时显示消息成功而不刷新。仅此而已。如果我有一个很好的工作示例，我将很容易实现它，但我对这方面还不熟悉。所以我真的不知道怎么做。我发布了一些代码。也许你们可以在fiddle上用我的代码给我举个例子？

<div class="contact">           <div class="col-md-4 contactgrid">
                <input type="text" class="text" value=" name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = ' name';}">
                </div>
                <div class="col-md-4 contactgrid">
                <input type="text" class="text" value="email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'email';}">
                </div>
                <div class="col-md-4 contactgrid">
                <input type="text" class="text" value="phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'phone';}">
                </div>
                <div class="col-md-8 contactgrid1">
                <textarea onfocus="if(this.value == 'Your Message') this.value='';" onblur="if(this.value == '') this.value='Your Message';" >Your Message</textarea>
                </div>
                <div class="col-md-4 contactgrid2">
                <input type="button" value="[send message]">
               </div>
               <div class="clearfix"></div>
                </div>