AJAX Форма Контакта No-Refresh on submit

Question

Я пытаюсь создать свой личный портфолио, и я использую этот шаблон для этого https://w3layouts.com/one-page-personal-portfolios-flat-bootstrap-responsive-web-template/. Я закончил все, кроме того, что я не могу активировать контактную форму. Я пробовал использовать скрипт ajax и скрипт проверки jquery, но безуспешно. Я хочу, чтобы контактная форма была отправлена ​​без обновления страницы и отображения сообщения, если отправлено сообщение. Также я хочу использовать SMTP для этого. Благодаря

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

Answer 1

Скорее всего обновление вызвано входом с типом = «Отправить». Измените это на тип = 'button', и он не будет отправлять и вызывать обновление. Затем вам нужно будет привязать обработчик ajax к событию click, чтобы опубликовать данные в фоновом режиме.