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

回答

相关问题