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聯繫表格無提交刷新

回答

相關問題