php中的表单提交后未重定向到页面

debugcn 发表于 Dev

用户名

我在php中有一个像计算器一样创建的表格，我已经使用angular js在显示器上显示用户输入的值，如下所示：

<?php

if(isset($_POST['entering'])) {
    header("Location: https://www.google.com");
    exit();
} else {
    $msg="Something Went Wrong. Please try again.";
}
?>

  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>

  <div class='container'>
    <div class='ct-inner'>

      <!-- Project HTML Below -->
      <div ng-app="" class='calculator'>
        <div class='inner'>

          <div class='innerIn'>
            <div style="height:49px;" class='screen active'>
              <div class='output'> {{name}}</div>

              <div class='screen-layer'></div>
            </div>


            <form method="post" action="">
              <div class='controls'>


                <div style="margin-top:5%;" class="form__group">
                  <input ng-model="name" type="password" class="form__input" id="name" placeholder="Password" required="" maxlength="6" />

                </div>
                <div style="margin-left:35%; margin-top:1%;" class='control-pad operator-pad1'>

                  <input type="button" class='button med oper' name="entering" value="ENTER">
                </div>

              </div>
            </form>
          </div>
          <!-- Inner in End -->
        </div>
      </div>
    </div>
  </div>

这是我的全部代码，当我尝试提交输入值的表单，提交后不会进入其他页面时，有人可以告诉我这里可能出什么问题了，在此先感谢

乔治

从文档中：

由于表单在客户端AngularJS应用程序中的作用不同于传统的双向应用程序，因此浏览器最好不要将表单提交转换为将数据发送到服务器的整页重新加载。相反，应触发一些javascript逻辑以以特定于应用程序的方式处理表单提交。

因此，除非<form>元素指定了action属性，否则AngularJS会阻止默认操作（将表单提交到服务器）。

您可以使用以下两种方法之一来指定提交表单时应调用的javascript方法：

表单元素上的ngSubmit指令

提交类型（input [type = submit]）的第一个按钮或输入字段上的ngClick指令