How to use span tags in php error statements

Question

The echo statement is not printing when the answer does not equal to 8.So if the answer is other than 8 it should print in red "Please try again " underneath the textbox.All it shows is nothing when I click the register button.

   <?php

   session_start();
    $nameErr = "";


   $answer = $_POST['lastname'];

   if ($_POST['reg']){


     if ($answer != '8') {
        echo "<span style='color:red'>Please enter Correct Answer</span>";
     }
     }
    ?>
   <!Doctype html>
   <head>
   <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" 
   type="text/css">
   <link href="bootstrap/css/styles.css" rel="stylesheet" type="text/css">
   <link rel="stylesheet" type="text/css" href="Register.css">

   <script src='https://www.google.com/recaptcha/api.js'></script>

       <title> Register</title>



        </head>

        <html>
        <body>
        <form method="post" action="">
        What is 5 + 3 =<br>
        <input type="text" name="lastname"> 





       <div class="row">
      <div class="form-group col-xs-5 col-xs-offset-3.5">
     <input class="btn btn-primary btn-lg btn-block"  value="Register" 
     type="submit" name="reg">

Your html is messy, make sure you validate and then apply php code to it — kellymandem
– kellymandem, Commented Oct 31, 2018 at 20:50

RiggsFolly · Accepted Answer · 2018-10-31 21:03:00Z

1

You need to put the echo in the <body> of the document. Also, <html> needs to be at the top.

<?php

session_start();
$nameErr = "";

?>
<!Doctype html>
<html>

<head>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" 
    type="text/css">
    <link href="bootstrap/css/styles.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" type="text/css" href="Register.css">
    <script src='https://www.google.com/recaptcha/api.js'></script>
    <title> Register</title>
</head>

<body>
    <form method="post" action="">
    What is 5 + 3 =<br>
    <input type="text" name="lastname"> 
    <?php
    if (isset($_POST['reg'])){
        $answer = $_POST['lastname'];
        if ($answer != '8') {
            echo "<span style='color:red'>Please enter Correct Answer</span>";
        }
    }
    ?>
    <div class="row">
        <div class="form-group col-xs-5 col-xs-offset-3.5">
            <input class="btn btn-primary btn-lg btn-block"  value="Register" type="submit" name="reg">
        </div>
    </div>
    </form>
</body>
</html>

edited Oct 31, 2018 at 21:03

RiggsFolly

94.8k22 gold badges108 silver badges152 bronze badges

answered Oct 31, 2018 at 20:49

Barmar

788k57 gold badges554 silver badges668 bronze badges

Sign up to request clarification or add additional context in comments.

11 Comments

Majed Mahmood Over a year ago

I tried that by putting the html first and then the php code at the end but the message appears please enter correct answer even if I dont enter nothing in the textbox

Barmar Over a year ago

If you enter nothing in the textbox, that's not the same as 8, so you get the error message.

Majed Mahmood Over a year ago

Nope the error message does not have the red colour so it should only come when I enter a value into the textbox click register and if it is not 8 then it should show the error message in red

Barmar Over a year ago

Do you see the span if you use View Source? Use the DOM inspector to see what's overriding the style.

Barmar Over a year ago

Maybe something in Twitter Bootstrap is doing it.

|

r34 · Accepted Answer · 2018-10-31 20:47:44Z

0

You print the error span above the actual HTML code. Just move the if statement down. Like that:

...
<div class="row">
<?php
if ($answer != '8') {
    echo "<span style='color:red'>Please enter Correct Answer</span>";
}
?>
</div>
<div class="form-group col-xs-5 col-xs-offset-3.5">
...

answered Oct 31, 2018 at 20:47

r34

3423 silver badges15 bronze badges

1 Comment

r34 Over a year ago

@MajedMahmood - yes

Collectives™ on Stack Overflow

How to use span tags in php error statements

2 Answers 2

11 Comments

1 Comment

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

11 Comments

1 Comment

Linked

Related