将模态表单值发布到PHP文件

时间:2017-09-25 14:58:04

标签: javascript php jquery html twitter-bootstrap

我有一个模态的表格。当我按下提交按钮时,php文件运行时出现以下错误: 注意:未定义的索引:第2行的C:\ xampp \ htdocs \ site \ bank.php中的phone1 注意:未定义的索引:第4行的C:\ xampp \ htdocs \ site \ bank.php中的charge1

以下是bank.php中的PHP代码:

\r

以下是模态内容:

<?php
echo  $_POST["phone"];
echo "</br>";
echo  $_POST["charge"];
?>

如果有人帮我弄清楚这个错误,我会很感激

3 个答案:

答案 0 :(得分:0)

$_POST变量中的名称和html input名称都不同。请尝试使它们相同,希望您的代码能够正常运行。

name=phone1更改为name=phone或其他任何内容。

答案 1 :(得分:0)

不再相关,OP编辑了他的问题。 请参阅编辑以获取相关答案

post变量的名称由输入的name属性定义,而不是id。 因此,在您的bank.php中,您可以使用$_POST['phone1']$_POST['charge1']。 您可以随时var_dump($_POST);查看所有可用的帖子变量。

修改:此外,提交时未发送已禁用的输入。您可以通过为每个禁用的输入添加第二个隐藏输入来解决这个问题:

<!-- Modal content-->

<div class="modal fade" id="register" 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">Modal title here</h4>
      </div>
      <div class="modal-body">
        <form id="modal-form" class="form-horizontal" method="POST" action="bank.php">
          <div class="form-group col-md-12">
            <div class="form-group">
              <div class="col-xs-6" style="float:right;">
                <label>phone numer:</label>
                <input id="phoneDisabled" type="text" class="form-control" name="phoneDisabled" value="pre filled value" disabled/>
                <input id="phone" type="hidden" class="form-control" name="phone" value="pre filled value" disabled/>
                <span id='display'></span>
              </div>
              <div class="col-xs-6" style="float:left;">
                <label>charge:</label>
                <input style="font-size:17px; font-weight:bold;" id="chargeDisabled" type="text" class="form-control" name="chargeDisabled" value="some other prefilled value" disabled/>
                <input style="font-size:17px; font-weight:bold;" id="charge" type="hidden" class="form-control" name="charge" value="some other prefilled value" disabled/>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-xs-12">
              <button class="btn btn-danger btn-default pull-right" data- dismiss="modal" style="margin-left:10px;">close</button>
              <button type="submit" class="btn btn-success"> submit </button>
            </div>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        modal footer
      </div>
    </div>

  </div>
</div>

Edit2 或者,只需将disabled属性更改为readonly

答案 2 :(得分:0)

您已将这两项输入设为已禁用。默认情况下,表单不会发布。您可能需要使用JavaScript获取变量,或者再次使用JavaScript删除已禁用的属性。