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='submit'的输入引起的。将其更改为type='button'，它就不会提交并导致刷新。接下来，您需要将ajax处理程序附加到click事件，以便在后台发布数据。