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/

您还可以从此网址找到有用的详细信息：Submitting HTML form using Jquery AJAX

Answer 2

所以你想要一个联系表格，显示一条消息，告诉你它已被提交，而不是刷新？

使用HTML，PHP和一小部分jQuery，应该这样做：

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

2 个答案: