form validation using php not working in xampp

Question

I am not able to validate the form using php and form is getting submitted even though its not validated. I am using Xampp sever. Please let me know the solution.

<?php
  $error = "";

  if($_POST) {
      if(!$_POST["email"]) {
          $error .= "Email address is required<br>";
      }

      if(!$_POST["subject"]) {
          $error .= "Subject is required<br>";
      }

      if(!$_POST["exampleTextarea"]) {
          $error .= "Text Area address is required<br>";
      }

      if (filter_var($_POST["email"], FILTER_VALIDATE_EMAIL) === false) {
          $error .= "Email address is invalid<br>";
      }


      if($error != ""){
          $error = '<div class="alert alert-danger" role="alert"><p><strong>Oh snap! There were error(s) in your form:</strong></p>'. $error . '</div>';
      }
  }
?>

<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
  </head>
  <body>
    <div class="container"id="containerID">
      <h1>Get in touch!!!</h1>
      <div id="error"><? echo $error; ?></div>
      <form method="post">
        <div class="form-group">
          <label for="email">Email address</label>
          <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email" name="email">
          <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        </div>
        <div class="form-group">
          <label for="subject">Subject</label>
          <input type="text" class="form-control" id="subject" name="subject">
        </div>

        <div class="form-group">
          <label for="exampleTextarea">What would you like to ask us??</label>
          <textarea class="form-control" id="exampleTextarea" rows="5" name="exampleTextarea"></textarea>
        </div>

        <button type="submit" class="btn btn-primary" id="submit">Submit</button>
      </form>
      </div>
      <!--    jQuery first, then Tether, then Bootstrap JS. -->
      <script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
      <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
      <script type="text/javascript">
      </script>    
    </body>
  </html>

Ali Niaz · Accepted Answer · 2017-05-04 09:33:57Z

Problem with your code not handling form post correctly, your are overriding the value for variable $error where you are checking if ($error != "") { $error = '<div class="alert alert-danger" role="alert"><p><strong>Oh snap! There were error(s) in your form:</strong></p>'. $error . '</div>'; } this will lead to neglect all the previous error assignment you have made above this piece of code. Plus on page reload the $error initializes with "", so all the hard work in validating errors and populating the $error variable becomes useless. Therefore, I have used session in my answer.

<?php
$error = "";
$errors = "";
session_start();
if(isset($_POST['submit'])) {
    if(empty($_POST["email"])) {
        $error .= "Email address is required<br>";
    } else if (filter_var($_POST["email"], FILTER_VALIDATE_EMAIL) === false) {
        $error .= "Email address is invalid<br>";
    }
    if(empty($_POST["subject"])) {
        $error .= "Subject is required<br>";
    }

    if(empty($_POST["exampleTextarea"])) {
        $error .= "Text Area address is required<br>";
    }

    if($error != ""){
        $errors = '<div class="alert alert-danger" role="alert"><p><strong>Oh snap! There were error(s) in your form:</strong></p>'. $error . '</div>';
        $_SESSION['errors'] = $errors;
    }

}
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">
</head>
<body>
<div class="container"id="containerID">
    <h1>Get in touch!!!</h1>
    <?php
        if (isset($_SESSION['errors'])) {
            echo $_SESSION['errors'];
            unset($_SESSION['errors']);
        }
    ?>
    <form method="post">
        <div class="form-group">
            <label for="email">Email address</label>
            <input type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Enter email" name="email">
            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        </div>
        <div class="form-group">
            <label for="subject">Subject</label>
            <input type="text" class="form-control" id="subject" name="subject">
        </div>

        <div class="form-group">
            <label for="exampleTextarea">What would you like to ask us??</label>
            <textarea class="form-control" id="exampleTextarea" rows="5" name="exampleTextarea"></textarea>
        </div>

        <button type="submit" name="submit" class="btn btn-primary" id="submit">Submit</button>
    </form>
</div>
<!--    jQuery first, then Tether, then Bootstrap JS. -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>
<script type="text/javascript">
</script>
</body>
</html>

Wassup · Accepted Answer · 2017-05-04 08:04:25Z

0

Try giving your <button> a name, like <button name="submitbtn"> and at the top of the if statement, try if(isset($_POST['submitbtn'])

I don't know will this work in your code, but this is what I normally do.

answered May 4, 2017 at 8:04

Wassup

429 bronze badges

Comments

Sachin S Suvarna · Accepted Answer · 2017-05-04 10:24:30Z

0

Instead of

<div id="error"><? echo $error; ?></div>

try this

<div id="error">

<?php

 echo $error; 

?>

</div>

answered May 4, 2017 at 10:24

Sachin S Suvarna

1

2 Comments

Thomas Ayoub Over a year ago

What would this change?

Ali Niaz Over a year ago

This won't make a difference. See my answer above

Collectives™ on Stack Overflow

form validation using php not working in xampp

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related