無法讓我的表單提交

Question

我創建了一個表單，當點擊一個按鈕時出現。這是使用JQuery實現的.append

$(document).ready(function(){ 
$("#adddiet").click(function() { 
$('#newbox').append("<div class='span3 diet'><div class='diet-content'><h3>Add a diet</h3></div><div class='content-text2'><form action='sendDietContent.php' method='post'><strong>Title:</strong> <input type='text' name='title'><br><strong>Description:</strong><input type='text' name='description'><br></div><div class='diet-button'><input type='submit'></div></form></div>"); }); }); 

然而，當點擊提交按鈕時什麼也沒有發生？

下面是它應該調用PHP：

<?php 
require 'DB/connect.php'; 
$date = date('Y-m-d H:i:s'); 
mysqli_query($connect,"INSERT INTO ContentDiet (title, description, dateAdded) 
VALUES ('$_POST[title]', '$_POST[description]', '$_POST[$date]')"; 
?> 

Answer 1

HTML代碼是惡意形成的。表單標籤以低於提交按鈕的div開始，因此提交按鈕不包含在表單中。試試這個代碼：

$(document).ready(function(){ 
$("#adddiet").click(function() { 
$('#newbox').append("<div class='span3 diet'><form action='sendDietContent.php' method='post'><div class='diet-content'><h3>Add a diet</h3></div><div class='content-text2'><strong>Title:</strong> <input type='text' name='title'><br><strong>Description:</strong><input type='text' name='description'><br></div><div class='diet-button'><input type='submit'></div></form></div>"); }); });