满足PHP条件时,将类添加到html元素

德克·弗赖特斯

我试图在出现错误的情况下延长字段的长度,以便我可以在其中显示错误消息。

在addAccToDB.php中,我将$ error设置为“ Wachtwoorden komen niet overeen”。如果输入的2个密码不匹配,我会将用户重定向回createaccount.php。回到createaccount.php中,虽然仍然未设置$ error,所以它不会将“ extend”类添加到字段中以使其更长。这是我尝试的:

createaccount.php:

    <html>
<head>
    <title>Account maken</title>
    <link href="accounts.css" rel=stylesheet>
</head>
<body>
<div class="field <?php if (isset($error)){echo "extend";}?>" id=createaccount >
    <h1 class="title">Account aanmaken</h1>
    <h4 class="undertitle">Als je een leraar bent kun je hier je account aanmaken.
        Als je een leerling bent moet een leraar je account maken.</h4>
    <form action="addAccToDB.php">
        Voornaam:<br>
        <input class="input" placeholder="Voornaam" type="text" name="firstname"><br>
        Achternaam:<br>
        <input class="input" placeholder="Achternaam" type="text" name="lastname"><br>
        Email:<br>
        <input class="input" placeholder="Email" type="text" name="email"><br>
        Wachtwoord:<br>
        <input class="input" placeholder="Wachtwoord" type="password" name="pass"><br>
        Herhaal wachtwoord:<br>
        <input class="input" placeholder="Herhaal wachtwoord" type="password" name="repass"><br>
        <input class="submit" type="submit" value="Account aanmaken">
    </form>
</div>
</body>
</html>

addAccToDB.php:

<?php
include "db_connection.php";
if ($_GET['pass'] == $_GET['repass']){
    $Voornaam = $_GET['firstname'];
    $Achternaam = $_GET['lastname'];
    $Email = $_GET['email'];
    $Wachtwoord = $_GET['pass'];
    mysqli_query(OpenCon(),"INSERT INTO accounts (Firstname, Lastname, Email, Password, Type) 
    VALUES ('$Voornaam', '$Achternaam', '$Email', '$Wachtwoord',0)");
} else {
    $error = "Wachtwoorden komen niet overeen.";
    header("Location: createaccount.php");
}

account.css:

@font-face {
    font-family: Torus Regular;
    src: url("Torus Regular.otf");
}

body {
    background-image: url('RekensiteBackground.png');
}

.field {
    font-family: "Torus Regular";
    margin-top: 25px;
    color: white;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0%);
    width: 600px;
    border-radius: 16px;
    font-size: 17px;
    background-color: #333;
}

#signin {
    height: 450px;
}

#createaccount {
    height: 720px;
}

.extend {
    animation:extend;
    animation-duration: 500ms;
    animation-fill-mode: forwards;
}

@keyframes extend{
    to {height: 750px;}
 }

#forgotpass {
    height: 350px;
}

.title {
    font-size: 35px;
}

.undertitle {
    font-size: 20px;
    position: relative;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 550px;
    margin-top: 30px;
    margin-bottom: 20px;
}

.input {
    font-family: "Torus Regular";
    font-size: 20px;
    color: white;
    background-color: #222;
    border: none;
    border-radius: 7px;
    padding: 7px 10px;
    width: 20em;
    height: 2em;
    margin-bottom: 25px;
    margin-top: 5px;
}

.submit {
    font-family: "Torus Regular";
    color: white;
    font-size: 20px;
    height: 55px;
    width: 350px;
    position: absolute;
    transform: translate(-50%, -50%);
    margin-top: 35px;
    left: 50%;
    background-color: red;
    border: none;
    border-radius: 10px;
}

.submit:hover {
    cursor: pointer;
    animation: hover 200ms;
    animation-fill-mode: forwards;
}

.signinlinks {
    font-family: "Segoe UI";
    font-size: 16px;
    position: absolute;
    transform: translate(-50%, -50%);
    left: 50%;
    width: 500px;
    margin-top: 100px;
}

.error {
    
}

.hyperlinks:link {
    text-decoration: none;
    color: rgb(255, 204, 34);
}

.hyperlinks:hover {
    text-decoration: underline;
}

.hyperlinks:visited {
    color: rgb(255, 204, 34);
}

@keyframes hover {
    from {
        filter: brightness(100%);
    }
    to {
        filter: brightness(85%);
    }
}

菲利普·科斯蒂奇(Filip Krstic)

HTTP协议是无状态的。这意味着您无法将数据保存在变量中以备后用。您可以使用一个会话将值存储在这种形式的信号中。检查PHP会话以获取更多信息。

简而言之:

  1. 如果尚未开始会话,则开始。
  2. 在会话中保存消息 $_SESSION["error"] = "Error message";
  3. 检查并回显错误值 if isset($_SESSION["error"]) { echo $_SESSION["error"]; }

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

将类添加到父元素

来自分类Dev

如何使用Deface将类添加到html元素?

来自分类Dev

将类(悬停时)添加到目标池中,但不添加到悬停的元素上

来自分类Dev

将类添加到动态添加的元素

来自分类Dev

通过循环将类添加到多个HTML元素

来自分类Dev

将类添加到erb元素

来自分类Dev

OM如何将类添加到html元素

来自分类Dev

根据某些条件javascript将类attrib添加到html元素

来自分类Dev

在屏幕顶部时,将类添加到元素

来自分类Dev

将顺序计数器添加到数据帧中的组,但在满足条件时跳过增量

来自分类Dev

根据条件通过python将类添加到html

来自分类Dev

单击时,将类添加到HTML列表中的一个且只有一个元素

来自分类Dev

如何使用PHP将类添加到“ a href”元素?

来自分类Dev

将类添加到悬停时共享类的另一个元素

来自分类Dev

jQuery:无法有条件地将类添加到子元素

来自分类Dev

R:在满足条件时将新行添加到数据框,然后重复最终值

来自分类Dev

在元素上单击时将CSS类添加到元素,出现一些错误?

来自分类Dev

有条件地将多个类添加到元素

来自分类Dev

将类添加到后续元素

来自分类Dev

使用jQuery将类添加到html元素

来自分类Dev

使用Polymer将CSS类有条件地添加到元素

来自分类Dev

将事件添加到html元素

来自分类Dev

在屏幕顶部时,将类添加到元素

来自分类Dev

无法将类添加到元素

来自分类Dev

将类添加到所选元素之外的元素

来自分类Dev

在php中动态地将css类添加到html元素

来自分类Dev

PHP 仅在条件为真时才将元素添加到数组

来自分类Dev

仅当满足条件时如何将元素添加到数组

来自分类Dev

将类添加到槽元素 (?)

Related 相关文章

热门标签

归档