Anzeige eines Meldungsfelds mit Fehlermeldung unter Verwendung von CSS

Ich erstelle ein Anmeldeformular auf einer Website, bei dem Probleme beim Erstellen einer Warnmeldung am oberen Rand des Formulars auftreten, die nach serverseitiger Überprüfung und Bereinigung der Benutzereingaben Fehlermeldungen anzeigen soll Das Problem ist, dass beim Laden der Seite die Alarm-Box angezeigt wird, während ich möchte, dass sie nur angezeigt wird, wenn Fehlermeldungen angezeigt werden. Bitte helfen?Anzeige eines Meldungsfelds mit Fehlermeldung unter Verwendung von CSS

HTML TEIL

<!DOCTYPE html> 
<html> 
<head> 
    <title>Login Form</title> 
    <link href="style.css" rel="stylesheet" type="text/css"> 
</head> 
<body> 

<div class="form"> 

<span class="info"> 
<?php 
     echo 
      $fNameErr; 
      $lNameErr; 
      $emailErr; 

?> 
</span> 


<br> 

    <ul class="tab-group"> 
     <li class="tab active"><a href="#signup">Sign Up</a></li> 
     <li class="tab"><a href="login.php">Log In</a></li> 
    </ul> 

<div class="tab-content"> 
<h1>Sign Up for Free</h1> 


       <form action="signup.php" method="post" autocomplete="off"> 

        <div class="top-row"> 
         <div class="field-wrap"> 
          <label> 
           <span class="req"></span> 
          </label> 
          <input placeholder="Firstname*" type="text" value="<?php echo $firstname;?>" required autocomplete="off" name='firstname' /> 
         </div> 

         <div class="field-wrap"> 
          <label> 
           <span class="req"></span> 
          </label> 
          <input placeholder="LastName*" type="text" value="<?php echo $lastname;?>" required autocomplete="off" name='lastname' /> 
         </div> 
        </div> 

        <div class="field-wrap"> 
         <label> 
          <span class="req"></span> 
         </label> 
         <input placeholder="Email Address*" type="email" value="<?php echo $email;?>" required autocomplete="off" name='email' /> 
        </div> 

        <div class="field-wrap"> 
         <label> 
          <span class="req"></span> 
         </label> 
         <input placeholder="Set A Password*" type="password"required autocomplete="off" name='password'/> 
        </div> 

        <button type="submit" class="button button-block" name="register">Register</button> 

       </form> 



</div> <!-- /form --> 
</div> 

</body> 
</html>

style.css Seite

.info { 
    color: pink; 
    display: block; 
    text-align: center; 
    padding: 5px; 
    margin-top: -20px; 
    margin-bottom: 15px; 
    border: 1px solid red; 
    background: #66131c; 
}

Quelle

2017-03-28 Martin

<span class="info"> 
<?php 
     echo 
      $fNameErr; 
      $lNameErr; 
      $emailErr; 

?> 
</span>

versuchen, dies auf die unten ändern. lassen Sie mich wissen, wie es

<?php 
if(isset($fnameErr) || isset($lNameErr) || isset($emailErr)){ 
    echo "<span class='info'>"; 
    echo $fNameErr . $lNameErr . $emailErr; 
    echo "</span>" 
} 
?>

Quelle

2017-03-28 11:24:58 noyanc

Ich habe es geändert und es funktioniert gut ,,, vielen Dank – Martin

<?php 
    if(isset($fnameErr) || isset($lNameErr) || isset($emailErr)){ 
     echo '<span class="info">'; 
     echo $fNameErr; 
     echo $lNameErr; 
     echo $emailErr; 
     echo '</span>'; 
    } 
?>

dies versuchen. Wenn es nicht funktioniert, zeigen Sie uns Ihren PHP-Code auch

Quelle

2017-03-28 11:22:54 newbie

Ich denke, auch die ' ...' muss bedingt sichtbar/versteckt sein, jetzt wird es ein leeres Feld angezeigt (wenn '.info' ist wie eine Kiste gestaltet) – TuomasK

habe meine Antwort aktualisiert – newbie

ich, dass Sie nur annehmen, geht dies, wenn diese Variablen eine Art von Wert angezeigt werden wollen würde und sie würden sonst leer sein. Es wäre ziemlich einfach, dieses HTML-Element nur dann auszugeben, wenn dies der Fall ist. Vielleicht so etwas wie diese:

<?php if(isset($fnameErr) || isset($lNameErr) || isset($emailErr)){ 
    echo 
    "<span class='info'>" 
    $fNameErr; 
    $lNameErr; 
    $emailErr; 
    "</span>"; 
} ?>

Quelle

2017-03-28 11:26:00

Anzeige eines Meldungsfelds mit Fehlermeldung unter Verwendung von CSS

Antwort

Verwandte Themen