2013-09-30 56 views
0

我以前在不同的網站上經常這樣做,但現在無法讓它工作。 我有一個簡單的表單,使用提交按鈕可以非常好地發佈,但由於具體的原因,我實際上需要它通過url鏈接提交。我正在使用submit()。表單提交,但數據不張貼。
我錯過了什麼?表單提交按鈕工作,但沒有在鏈接中提交()

<html> 
<body> 
<? 
if(isset($_POST['bar'])) { echo 'testing button<br>'; } 
if(isset($_POST['information'])) { 
    echo $_POST['information']; 
    echo '</br>Info successfully posted.'; 
    } 
?> 

    <form action="test.php" method="post" id="fooform"> 
     Hello World.<br> 
     Select checkbox: <input type="checkbox" id="information" name="information" value="yes"> 
     <input type="submit" name="bar" value="Send"><br> 
     <a href="test.php" onclick="SubmitForm('fooform');">Confirm and Post</a><br> 
     <a href="test.php" onclick="this.form.submit();">Post Directly </a> 
    </form> 

    <script type="text/javascript"> 
     function SubmitForm(formId) { 
      var oForm = document.getElementById(formId); 
      alert("Submitting"); 
      if (oForm) { oForm.submit(); } 
      else { alert("DEBUG - could not find element " + formId); } 
      } 
    </script> 
</body> 
</html> 
+0

我認爲你需要使用獲得的,而不是後 –

+0

@mostafakhansa - 是什麼讓你認爲? – Quentin

+0

「選擇複選框:」應位於「

回答

-1

嘗試與表單ID提交表單jQuery中

<a class="submit">Post Directly </a> 

$('a.submit').click(function(){ 

    $('#fooform').submit(); 
}) 
+0

我可以知道什麼是downvoting嗎? –

+0

也許是我剛剛複製的一個href鏈接,只是提到一個類已添加,並忘記刪除href attr和onclick? –

3

形式開始提交,然後鏈接的href之後,這將取消表單提交。

如果您使用的是舊式onclick屬性,那麼在return false;末尾要防止默認操作。

但是,如果您使用提交按鈕(提交表單),您會更好。你可以使用CSS來改變它的外觀。

+0

完美!那就是訣竅。謝謝! –

+0

即使是*按鈕*按鈕('

0

試試這個代碼:

<html> 
    <body> 
     <?php 
     if (isset($_POST['bar'])) { 
      echo 'testing button<br>'; 
     } 
     if (isset($_POST['information'])) { 
      echo $_POST['information']; 
      echo '</br>Info successfully posted.'; 
     } 
     ?> 

     <form action="test.php" method="post" id="fooform"> 
      Hello World.<br> 
      Select checkbox: <input type="checkbox" id="information" name="information" value="yes"> 

      <input type="submit" name="bar" value="Send"><br> 
      <a href="#" onclick="SubmitForm('fooform');">Confirm and Post</a><br> 
      <a href="#" onclick="document.getElementById('fooform').submit();">Post Directly </a> 
     </form> 

     <script type="text/javascript"> 
       function SubmitForm(formId) { 
        var oForm = document.getElementById(formId); 
        alert("Submitting"); 
        if (oForm) { 
         oForm.submit(); 
        } 
        else { 
         alert("DEBUG - could not find element " + formId); 
        } 
       } 
     </script> 
    </body> 
</html>