php - 如何在 php 和 html 上隐藏 div

标签 php html forms authentication hide

我是这部分的新手(html php...) 我有一个代码,是一个登录表单,并且我想从登录表单中隐藏(错误的用户或密码)的红色框,但我不知道如何做到这一点。 截图:http://prntscr.com/5daqsh 代码是:

<head>
  <meta charset="utf-8" />
  <title>My Website</title>
  <meta name="description" content="" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /> 
  <link rel="stylesheet" href="css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="css/animate.css" type="text/css" />
  <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="css/font.css" type="text/css" />
  <link rel="stylesheet" href="js/fuelux/fuelux.css" type="text/css" />
  <link rel="stylesheet" href="css/app.css" type="text/css" />
	<body background="images/login-bg.jpg">

  <!--[if lt IE 9]>
    <script src="js/ie/html5shiv.js"></script>
    <script src="js/ie/respond.min.js"></script>
    <script src="js/ie/excanvas.js"></script>
  <![endif]-->
</head>
<body>
  <section id="content" class="m-t-lg wrapper-md animated fadeInUp">    
    <div class="container aside-xxl">
      <a class="navbar-brand block" href="index.html">DameFans</a>
      <section class="panel panel-default bg-white m-t-lg">
        <header class="panel-heading text-center">
          <strong>Iniciar Sesión</strong>
        </header>
        <form action="" method="post" class="panel-body wrapper-lg">
          <div class="form-group">
                  <div class="alert alert-danger">
<?php

session_start();

include_once "conexion.php";
function verificar_login($user,$password,&$result)

    {

        $sql = "SELECT * FROM users WHERE login='$user' and pass='$password'";

        $rec = mysql_query($sql);

        $count = 0;

        while($row = mysql_fetch_object($rec))

        {

            $count++;

            $result = $row;

        }

        if($count == 1)

        {

            return 1;

        }

        else

        {

            return 0;

        }

    }
	if(!isset($_SESSION['userid']))

{

    if(isset($_POST['login']))

    {

        if(verificar_login($_POST['user'],$_POST['password'],$result) == 1)

        {

            $_SESSION['userid'] = $result->id;

            header("location:index.html");

        }

        else

        {

            echo '<div class="error">Su usuario es incorrecto, intente nuevamente.</div>';

        }

    }

?>
                  </div>
            <label class="control-label">Email</label>
            <input name="user" type="text" class="form-control input-lg">
          </div>
          <div class="form-group">
            <label class="control-label">Contraseña</label>
            <input name="password" type="password" class="form-control input-lg">
          </div>
          <div class="checkbox">
            <label>
              <input type="checkbox"> Mantener mi sesión
            </label>
          </div>
          <a href="#" class="pull-right m-t-xs"><small>Recuperar contraseña</small></a>
          <button type="submit" name="login" type="submit" value="login" class="btn btn-primary">Acceder</button>
          <div class="line line-dashed"></div>
          <a href="#" class="btn btn-facebook btn-block m-b-sm"><i class="fa fa-facebook pull-left"></i>Acceder vía Facebook</a>
          <a href="#" class="btn btn-twitter btn-block"><i class="fa fa-twitter pull-left"></i>Acceder vía Twitter</a>
          <div class="line line-dashed"></div>
          <p class="text-muted text-center"><small>¿Aún no tienes cuenta?</small></p>
          <a href="signup.html" class="btn btn-default btn-block">Crear cuenta ahora</a>
        </form>
      </section>
    </div>
  </section>


                  <div class="alert alert-success">         
					  <?php

} else {

    echo '<i class="fa fa-ban-circle"></i><strong>Ha accedido correctamente</strong> <a href="index.html" class="alert-link">Serás redirigido al panel automáticamente en breve.';

    echo '<a href="logout.php">Cerrar Sesión</a><br>';
	echo '<meta http-equiv="refresh" content="3;url=index.html">';
	        


}

?>
</div>

如果有人可以帮助我隐藏该 block ,直到用户登录失败或发生其他事情,请:)

最佳答案

首先,您必须将“session_start()”放在代码文件的第一行。

其次,Php是服务器语言。因此,它将在任何其他静态语言之前执行。

在页脚中,放置类似这样的内容(我假设你有 jQuery)

$('.alert').hide(); //hide on load page

将您的 HTML 正常放置在底部,检查您的登录情况。

如果检查有误,请执行以下操作:

$('.alert').show();

就是这样。

如果您的问题是“如何在 PHP 中显示 HTML/JS?”,请执行以下操作:

<?php echo "$('.alert').show();"?>;

在 JS block 中并且“文档准备就绪”。

关于php - 如何在 php 和 html 上隐藏 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27305924/

相关文章:

php - mysqli 为 INSERT 查询返回 true,未插入行

php - 更新数据库后重定向的代码

php - MySQL 更新字段采用 JSON 格式

php - MySQL关闭计时

javascript - 如何使用警告框确认单选按钮选择

php - 创建另一个 "Featured Image"选择器 wordpress

php - 如何将多个输入类型数字与相同的ID和名称相乘

javascript - 如何使用 JS 根据图像制作动态横幅更改背景颜色?

html - 在 Internet Explorer 中将文本输入垂直居中

php - 带有选择和/或添加新的 Symfony 2 实体字段类型