表格未提交/工作

时间:2014-09-01 10:31:04

标签: php jquery html html5 forms

此表格提交无效,任何人都可以帮助我......

  

我正在使用bootstrap css并尝试提交一个简单的表单,有一个小问题,但我无法检测到问题,请帮忙

<div class="container">
    <div class="thumbs askus container col-md-6 col-md-offset-4">
        <form id="logfrm" action="" method="post" class="form-horizontal">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Username</label>
            <div class="col-sm-4">
              <input type="text" name="unm" class="form-control" id="inputUser" placeholder="Username">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-4">
              <input type="password" name="pwd" class="form-control" id="inputPassword" placeholder="Password">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-4">
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Remember me
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-4">
              <button class="btn btn-default" >Sign in</button>
            </div>
          </div>
        </form>
    </div>
</div>

表单处理的PHP代码

if (isset($_POST['unm'])) {
if ($_POST['unm']=="admin" && $_POST['pwd']=="xxxxxx") {
    echo '<script type="text/javascript">alert("Hi Admin");</script>';
    header('Location: home.php');
}
else{
    echo '<script type="text/javascript">alert("Unknown Username/Bad password");</script>';
}

}

2 个答案:

答案 0 :(得分:1)

如果此表单的php位于同一页面上,那么将操作指向同一页面是有意义的。这样,表单将被发送到页面的刷新版本,PHP将从中获取并从那里处理它。

所以 - 如果你的形式是在一个名为form.php

的页面上

那么它应该是

<form id="logfrm" action="form.php" method="post" class="form-horizontal">

您可以使用Firebug监控$ _POST ['umn']以确保所有内容都正常发送

答案 1 :(得分:1)

您错过了操作网址,因此表单提交无效...我只是将表单操作标记从操作=&#34;&#34; 更改为操作=&#34; action.php&#34; 其中 action.php 是包含处理html表单的php代码的文件。使用以下代码,这将解决您的问题。< / p>

home.php

    <?php
    if(isset($_POST['submit_button']))
    {

if ($_POST['unm']=="admin" && $_POST['pwd']=="xxxxxx") {
    echo '<script type="text/javascript">alert("Ok");</script>';
    header('Location:home.php');
}
else{
    echo '<script type="text/javascript">alert("Unknown Username/Bad password"); if(confirm("Unknown Username/Bad password")){document.location.reload(true);}</script>';

}
}

else
{

?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">

<!-- Optional theme -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

<!-- Latest compiled and minified JavaScript -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
</head>
<body><br/><br/><br/><br/>
    <div class="container">
    <div class="thumbs askus container col-md-6 col-md-offset-4">
        <form id="logfrm"  method="post" class="form-horizontal" action="home.php">
          <div class="form-group">
            <label for="inputEmail3" class="col-sm-2 control-label">Username</label>
            <div class="col-sm-4">
              <input type="text" name="unm" class="form-control" id="inputUser" placeholder="Username">
            </div>
          </div>
          <div class="form-group">
            <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
            <div class="col-sm-4">
              <input type="password" name="pwd" class="form-control" id="inputPassword" placeholder="Password">
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-4">
              <div class="checkbox">
                <label>
                  <input type="checkbox"> Remember me
                </label>
              </div>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-offset-2 col-sm-4">
              <button type="submit" class="btn btn-default" name="submit_button" >Sign in</button>
            </div>
          </div>
        </form>
    </div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
  </body>
  <?php } ?>
</html>
相关问题