Modal的Twitter引導窗體

我正在使用twitter的引導來創建一個Web應用程序，其中一個應用程序的功能我需要有一些窗體的內部模態。這些表單將通過一些PHP腳本填充數據。我在使用模式功能時遇到問題，版本數據正確顯示在字段中，但我似乎無法提交表單。Modal的Twitter引導窗體

這是我的代碼：

<a href="#edit_user_<?php echo $row['id_user'] ?>" role='button' data-toggle='modal' data-original-title='Edit User' class='btn btn-small btn-info time-link'><i class='icon-pencil icon-white'></i></a> 
        <button data-toggle='tooltip' data-original-title='Delete User' class='btn btn-small btn-danger time-link'><i class='icon-trash icon-white'></i></button> 
      <?php 
      echo "</td>"; 
      echo "</tr>";?>  

     <div id="edit_user_<?php echo $row['id_user']; ?>" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> 
      <div class="modal-header"> 
       <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> 
       <h3 id="myModalLabel">Modal header</h3> 
      </div> 
      <div class="modal-body"> 
       <form action="" method="POST"> 
        <label for="name">Name</label> 
        <input type="text" name="name" value="<?php echo $row['name']?>"/> 
        <label for="email">Email</label> 
        <input type="text" name="email" value="<?php echo $row['email']?>"> 
        <button type="submit" name="update_btn">Submit</button> 
        <?php 
        if (isset($_POST['update_btn'])) { 
         if (isset($_POST['name']) && $_POST['name'] !="") { 
          if (isset($_POST['email']) && $_POST['email'] !="") { 
           $qstr_updateuser = "UPDATE `host_register`.`users` SET `name`=".$_POST['name'].", `email`= ".$_POST['email']." WHERE `users`.`id_user` = ".$row['id_user'].""; 
           echo $qstr_updateuser; 
           $update_user = mysqli_query($dbc,$qstr_updateuser); 
          } 
         } 
        }?> 
       </form> 
      </div> 
      <div class="modal-footer"> 
       <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button> 
       <button class="btn btn-primary">Save changes</button> 
      </div> 
     </div>

出於某種原因，我無法理解，在瀏覽器輸出的是：

<div class="modal-body"> 
       <form method="POST" action=""></form> 
        <label for="name">Name</label> 
        <input type="text" value="Pedro Oliveira" name="name"> 
        <label for="email">Email</label> 
        <input type="text" value="[email protected]" name="email"> 
        <button name="update_btn" type="submit">Submit</button> 

      </div>

我有點無知了！這是引導程序還是我的代碼問題？

來源

2013-03-14 Pedro Oliveira

退房最後評論此鏈接https://github.com/twitter/bootstrap/issues/50

編輯於：這裏https://gist.github.com/havvg/3226804

來源

2013-03-14 10:42:54 Will

我一直在試圖找出你的解決方案，但似乎我無法得到它的工作。問題在於

對不起，延遲迴復。我只在模態中使用了一次，它對我來說工作得很好。這可能是因爲我使用JavaScript AJAX父提交表單而不是提交頁面和刷新。可能值得嘗試一下。我可以解釋更多，如果你仍然需要它 – Will 2013-05-07 09:49:03

更好的例子如果瀏覽器輸出的是，你不能提交，因爲提交按鈕不是窗體標記內，甚至投入。除非你的問題真的是這樣。

來源

2013-03-14 13:28:22

幸運的是，我發現，由於Modal在標籤內因爲while循環導致了這種干擾，但我完全明白爲什麼會發生這種情況。幸運的是，我從頭開始重新開始工作，並決定創建一個不同的while循環來執行相同的Job，因爲看起來問題實際上是表標記。

來源

2013-03-14 15:04:35

Pedo Oliveira，即時通訊面臨類似的問題，如果它不晚，我可以知道你是如何實現新的while循環嗎？ - – user1930115 2015-02-24 06:30:40

回答

相關問題