AJAX联系表格无提交刷新

-1

我想使我的个人投资组合，我用这个模板来做到这一点https://w3layouts.com/one-page-personal-portfolios-flat-bootstrap-responsive-web-template/。我完成了一切，但我无法设法激活联系表格。我尝试使用ajax脚本和jquery验证脚本，但没有成功。我希望在不刷新页面的情况下提交联系表单，并在发送邮件时显示邮件。另外我想为此使用SMTP。谢谢AJAX联系表格无提交刷新

<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>

来源

2016-11-04 Darktwen

可以免费下载模板，只有index.html，将其重命名为index.php，您可以尝试自己管理它。模板是免费的 – Darktwen

你的代码在哪里？ – eisbehr

下载模板，我的代码不成功，所以我删除它。如果我知道代码，我不会问 – Darktwen

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

来源

2016-11-04 14:25:44 Theo

这很棒，但我是新手。所以我不知道如何。我发布了一些代码。也许你可以发表我的例子使用我的代码在小提琴上？ – Darktwen

AJAX联系表格无提交刷新

回答

相关问题