此表格提交无效,任何人都可以帮助我......
我正在使用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>';
}
}
答案 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>