How to Keep form data in input after submit in PHP

In this blog, you will learn about how to keep form data in the input after submitting it in PHP. When we use form validation in PHP; we face a problem like we have a number of inputs and we fill up all the inputs except one and press submit button after submitting the form it clears all the form inputs and shows the error nearby the input that we had left to fill.

So it irritates the user to fill up the complete form again, to get rid of this type of problem we have a solution for you, let’s see:


Example:

<?php
 
$nameErr = $emailErr = $mobileErr ="";
$name = $email = $mobile = "";
 
if (isset($_POST["submit"])) {
 
 if (empty($_POST["name"])) {
    $nameErr = "Name is required";
  } else {
    $name = $_POST["name"];
    // check if name only contains letters and whitespace
    if (!preg_match("/^[a-zA-Z-' ]*$/",$name)) {
      $nameErr = "Only letters and white space allowed";
    }
  }
 
  if (empty($_POST["email"])) {
    $emailErr = "Email is required";
  } else {
    $email = $_POST["email"];
  
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
      $emailErr = "Invalid email format";
    }
  }
 
  if (empty($_POST["mobile"])) {
    $mobileErr = "Mobile is required";
  } else {
    $mobile = $_POST["mobile"];
 
   if (!preg_match('/^[0-9]{10}+$/', $mobile)) {
      $mobileErr = "Only letters and white space allowed";
    }
  }
   
               
}
 
?>
 
 
 
 
 
 
 
<!DOCTYPE html>
<html lang="en">
 
<head>
    <title>Form Validation</title>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.slim.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
               
                <style>
                .error
                {
                                color:#f00;
                }
                </style>
               
</head>
 
<body style="background-color: #8affaf;">
 
    <div class="container">
        <h2 class="text-center mt-5 text-primary">CONTACT US</h2>
 
        <form method="post" class="needs-validation" enctype="multipart/form-data">
           
         <div class="form-group">
                <label for="uname">NAME:</label>
                <input type="text" class="form-control"  placeholder="Enter username" name="name" value="<?php if(isset($_POST['name'])){echo $_POST['name'];} ?>" >
            <span class="error">* <?php echo $nameErr;?></span>
            </div>
 
            <div class="form-group">
                <label for="uname">EMAIL:</label>
                <input type="email" class="form-control"  placeholder="Enter Email" name="email" value="<?php if(isset($_POST['email'])){echo $_POST['email'];} ?>">
              <span class="error">* <?php echo $emailErr;?></span>
            </div>
            <div class="form-group">
                <label for="uname">MOBILE NUMBER:</label>
                <input type="text" class="form-control"  placeholder="Enter Mobile no" name="mobile" value="<?php if(isset($_POST['mobile'])){echo $_POST['mobile'];} ?>" >
               <span class="error">* <?php echo $mobileErr;?></span>
            </div>
          
            <button type="submit" name="submit" class="btn btn-primary p-3 btn-block my-5">Submit</button>
        </form>
    </div>
 
 
 
</body>
 
</html>
 
 

Note:

It does not work on file input.

Categories: web development php
Written By : Web Development Institute
Trending Courses

CodeIgniter

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Advance Digital Marketing Expert Course

Regular : 6 Months

Fastrack : 3 Months

Crash : 2 Months

React JS

Regular : 45 Days

Fastrack : 25 Days

Crash : 15 Days

Laravel

Regular : 45 Days

Fastrack : 20 Days

Crash : 10 Days

Front End Developer

Regular : 6 Months

Fastrack : 4 Months

Crash : 2 Months

Web Expert with Python

Regular : 12 Months

Fastrack : 6 Months

Crash : 3 Months

Related Blogs

Request For Demo