如何创建联系人表单以提交停留在当前页面中的信息

Question

我想创建一个联系人或信息表单，以便在停留在当前页面的同时提交信息。

我在我的网站http://www.purpaldzinz.net/上使用联系表。 基本上是为了与我们联系以获取我们的各种服务，例如SEO，社交媒体，网站设计。

填写并提交后，它会导致您使用PHP进入单独的页面。

我想要一个表单，该表单也提交信息，但仍保留在同一页面（即我的主页）上，同时还显示确认消息，例如， your message or information has been submitted等。

Answer 1

查看此链接可能对您有帮助： https : //www.formget.com/submit-form-using-ajax-php-and-jquery/

您还可以从以下URL找到有用的详细信息： 使用Jquery AJAX提交HTML表单

Answer 2

因此，您需要一个联系表单，显示一条消息告诉您它已提交，但没有刷新吗？

使用HTML，PHP和一小部分jQuery，可以做到这一点：

 $("#contactForm").submit(function() { return false; }); 

 input[type=text], textarea { padding: 3px; width: 300px; } 

  <?php if(!empty($_POST["name"]) && !empty($_POST["message"]) && !empty($_POST["category"])) { if(isset($_POST["submit"])) { echo "Your message has been sent. Thank you for contacting us!"; } } else { echo "Please fill in all the fields"; } ?> <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form method="POST" id="contactForm"> <select name="category" action=""> <option>- Choose an item -</option> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> </select> <br /> <br /> <input type="text" name="name" placeholder="Your Name" /> <br /> <br /> <textarea name="message" placeholer="Your message"></textarea> <br /> <br /> <input type="submit" name="submit" value="Send" /> </form>