Question

我在页面上有一个表单，允许用户更新他们的信息。当他们点击提交时，它会显示一个模式，要求他们输入密码以确保它们是密码。但是，一旦他们提交模态，它就不会将值发布到.php以更新其记录。

表格和模态

<div class="container">
    <form id="updateInfo" action="update_user.php"  method="POST">
        <div class="form-group">
<label for "uid">User ID </label>
            <input name="uid" id="uid" type="text" class="form-control"  value="<?= $_SESSION['uid'] ?>" disabled> 
            </br>    

            <label for "firstname">First name </label>
            <input name="firstname" id="firstname" type="text" class="form-control"  value="<?= $_SESSION['firstname'] ?>">
            </br>

            <label for "lastname">Surname</label>
            <input name="lastname" id="lastname" type="text" class="form-control"  value="<?= $_SESSION['lastname'] ?>" >
        </br>

            <label for "email">Email </label>
            <input name="email" id="email" type="email" class="form-control"  value="<?= $_SESSION['email'] ?>" required pattern="[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?" title="Email must be in a valid format.">
        </br>

            <label for "username">Username</label>
            <input name="username" id="username" type="text" class="form-control"  value="<?= $_SESSION['user'] ?>" >
            <span id="msg_username"></span>
      </br>               

        </div>

        <button class="btn btn-default" id="submit" type="button" data-toggle="modal" data-target="#myModal" >Submit</button>

  <div class="modal fade" id="myModal" role="dialog">
    <div class="modal-dialog">        

      <div class="modal-content">
        <div class="modal-header">
          <button type="button" class="close" data-dismiss="modal">&times;</button>
          <h4 class="modal-title">Enter Password</h4>
        </div>
        <div class="modal-body">
          <label for "password">Password</label>
            <input name="password" id="password" type="password" class="form-control">
        </div>
        <div class="modal-footer">
          <button type="submit" class="btn btn-default" action="update_user.php" data-dismiss="modal">Submit</button>
        </div>
      </div>

    </div>
  </div>
    </form>      
  </div>

PHP文件

<?php
    require_once 'config.php';    

    $query = $conn->prepare("UPDATE users SET firstname = :firstname,lastname = :lastname,username = :username ,email = :email WHERE uid = :uid");
    $query->bindParam(':firstname', $_POST['firstname']);
    $query->bindParam(':lastname', $_POST['lastname']);
    $query->bindParam(':username', $_POST['username']);
    $query->bindParam(':email', $_POST['email']);
    $query->bindParam(':uid', $_POST['uid']);
    $result = $query->execute();

    if($result)
    {
        echo "<p>Thank you. Your account has been registered.</p>";
        echo $_POST['firstname'];
    } else {
        echo "<p>Sorry but there was a problem registering your account. Please try again.</p>";
    }
?>

Answer 1

您应该将更新用户button打包在表单中，或者使用属性action替换formaction属性。

<div class="modal-footer">
      <button type="submit" class="btn btn-default" formaction="update_user.php" data-dismiss="modal">Submit</button>
</div>

请参阅formaction属性here或here

的文档

Bootstrap表单模式，将值发布到PHP文件

1 个答案: