AJAXお問い合わせフォーム提出時にリフレッシュしない

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

チャンス。それをtype = 'button'に変更すると、サブミットは行われず、リフレッシュが発生します。次に、バックグラウンドでデータをポストするには、clickイベントにajaxハンドラをアタッチする必要があります。