PHP表單在通過Ajax加載後不會提交

我有一個表單的第一頁，然後使用jQuery加載表單的第二部分。然而，當我點擊表單上的提交後，沒有任何反應，頁面就停留在這裏。有任何想法嗎？PHP表單在通過Ajax加載後不會提交

的jQuery：

 $.ajax({ 
      type: "POST", 
      url: "join_submit.php",      
      data: data, 
      success: function() { 
       $("#regform").load("submitTranscript.php"); 
      } 
     });

submitTranscript.php：

<div id="regform> 
<form id="uploadTranscript" action="uploadPDF.php" enctype="multipart/form-data" method="post"> 
<div class="separation"> 
    <h3>Upload Transcripts</h3> 
    <div class = "row"> 
     <div class="large-6 offset-2 columns"> 
     <label for = "studid">Enter your student ID:</lable> 
      <input type="text" name="studid" id="studid" 
    </div> 
    <p>Please label your transcript with your user id (i.e. 123456.pdf).</p> 
    <div class="row"> 
     <div class="large-6 offset-2 columns"> 
      <input type="file" name="transcript" id="transcript"> 
     </div> 
    </div> 
    <div class="buttonRow"> 
     <div class="button" id="submit">Submit</div> 
    </div> 
    </div> 
    </form> 
</div>

uploadPDF.php：

<?php 
require_once("included.php"); //server info 
$allowedExtensions = array("pdf"); 
$max_filesize = 20000; 
$upload_path = "docs/transcripts/"; 
$filename = $_FILES["transcript"]["name"]; 
$filesize = $_FILES["transcript"]["size"]; 
$extension = $_FILES["transcript"]["type"]; 
if ($_FILES["transcript"]["error"] > 0) { 
     echo "Error: " . $_FILES["transcript"]["error"] . "<br />"; 
    } 
else if((in_array($extension, $allowedExtensions)) && ($filesize < $max_filesize)) { 
    move_uploaded_file($_FILES["transcript"]["tmp_name"], $upload_path . $filename); 
} 
else if($filesize > $max_filesize){ 
    $fileSizeFail = true; 
} 
else {      
    $fileTypeFail = true; 
} 
?>

來源

2013-11-09 Andrew

如果我看着submitTranscript.php，您已經編寫以下提交您的形式：

<div class="buttonRow"> 
    <div class="button" id="submit">Submit</div> 
</div>

但是，您還沒有插入任何提交按鈕來提交表單。 Div元素不能發佈或提交任何表單。所以，我會建議把一個輸入類型提交按鈕，然後嘗試通過該按鈕提交您的表單。

因此，代碼將是：

<div class="buttonRow"> 
    <div class="button" id="submit"> 
     <input type="submit" name="form_submit" value="Submit" /> 
    </div> 
</div>

來源

2013-11-09 08:33:44

如果你的問題解決了，那麼可以請大家提出答案投票拉起位於左頂我的答案。 –

您沒有提供有關join_submit.php文件中的任何信息。你必須檢查Firefox瀏覽器中的firebug控制檯你的join_submit.php文件的返回值是什麼。是否要成功。那麼只有你可以追蹤它爲什麼不加載第二個表單。在Chrome瀏覽器中，您可以通過單擊F12然後單擊網絡來跟蹤ajax請求。

希望它可以幫助

來源

2013-11-09 08:36:34 user2971441

PHP表單在通過Ajax加載後不會提交

回答

相關問題