ConnorFM/form.php

## form.php
<!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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

    <title>Hello, world!</title>
  </head>
  <body>
<?php
include ('test.php');
?>

<h3>All fields are required</h3>
<br /><br />

    <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
   <div class="form-group">
    <label for="name">Last Name</label>
    <input type="text" class="form-control" id="lastName" placeholder="Name" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required="required" name="user_name"><span class="error">* <?php echo $nameErr;?></span>
  </div>
  <div class="form-group">
    <label for="firstName">First Name</label>
    <input type="text" class="form-control" id="firstName" placeholder="First Name" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required="required" name="firstName"><span class="error">* <?php echo $firstnameErr;?></span>
  </div>
  <div class="form-group">
    <label for="phone">Phone Number</label>
    <input type="tel" class="form-control" id="phone" placeholder="+33612131415" pattern="^(?:0|\(?\+33\)?\s?|0033\s?)[1-79](?:[\.\-\s]?\d\d){4}$" required="required" name="phone"><span class="error">* <?php echo $phoneErr;?></span>
  </div>
  <div class="form-group">
    <label for="mail">Email address</label>
    <input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com" required="required" name="user_mail"><span class="error">* <?php echo $emailErr;?></span>
  </div>
  <div class="form-group">
    <label for="exampleFormControlSelect1">My Problem?</label>
    <select class="form-control" id="exampleFormControlSelect1" required="required">
      <option>Algorythm problems</option>
      <option>PHP problems</option>
      <option>HTML problems</option>
    </select>
  </div>
  <div class="form-group">
    <label for="message">My message</label>
    <textarea class="form-control" id="exampleFormControlTextarea1" rows="3" required="required" name="user_message"></textarea><span class="error">* <?php echo $commentErr;?></span>
  </div>
  <button type="submit" class="btn btn-primary">Submit</button>
</form>

<?php
  if($nameErr ==''&& $firstnameErr ==''&& $emailErr ==''&& $phoneErr ==''&& $commentErr =='' && !empty($_POST)){
    header("Location:https://www.youtube.com/watch?v=5eLcHJLDlI8");
    exit;
  }


  ?>

    <!-- Optional JavaScript -->
    <!-- jQuery first, then Popper.js, then Bootstrap JS -->
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
  </body>
</html>

## test.php

<!DOCTYPE HTML>
<html>
<head>
</head>
<body>

<?php
// define variables and set to empty values
$nameErr = $emailErr = $firstnameErr = $phoneErr = $commentErr = "";
$name = $email = $firstName = $comment = $phone = "";


function test_input($data) {
  $data = trim($data);
  $data = stripslashes($data);
  $data = htmlspecialchars($data);
  return $data;
}

if ($_SERVER["REQUEST_METHOD"] == "POST") {
  if (empty($_POST["user_name"])) {
    $nameErr = "Name is required";
  } else {
    $name = test_input($_POST["user_name"]);
    if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
  $nameErr = "Only letters and white space allowed";
}
  }

  if (empty($_POST["firstName"])) {
    $firstnameErr = "First name is required";
  } else {
    $firstName = test_input($_POST["firstName"]);
  }

  if (empty($_POST["user_mail"])) {
    $emailErr = "Email is required";
  } else {
    $email = test_input($_POST["user_mail"]);
    if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
  $emailErr = "Invalid email format";
}
  }

  if (empty($_POST["phone"])) {
    $phoneErr = "Phone number is required";
  } else {
    $phone = test_input($_POST["phone"]);
  }

  if (empty($_POST["user_message"])) {
    $commentErr = "Post a message";
  } else {
    $comment = test_input($_POST["user_message"]);
  }


}


?>


</body>
</html>
	<!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://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">

	<title>Hello, world!</title>
	</head>
	<body>
	<?php
	include ('test.php');
	?>

	<h3>All fields are required</h3>
	<br /><br />

	<form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post">
	<div class="form-group">
	<label for="name">Last Name</label>
	<input type="text" class="form-control" id="lastName" placeholder="Name" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required="required" name="user_name"><span class="error">* <?php echo $nameErr;?></span>
	</div>
	<div class="form-group">
	<label for="firstName">First Name</label>
	<input type="text" class="form-control" id="firstName" placeholder="First Name" pattern="^[a-zA-Z][a-zA-Z0-9-_\.]{1,20}$" required="required" name="firstName"><span class="error">* <?php echo $firstnameErr;?></span>
	</div>
	<div class="form-group">
	<label for="phone">Phone Number</label>
	<input type="tel" class="form-control" id="phone" placeholder="+33612131415" pattern="^(?:0\|\(?\+33\)?\s?\|0033\s?)[1-79](?:[\.\-\s]?\d\d){4}$" required="required" name="phone"><span class="error">* <?php echo $phoneErr;?></span>
	</div>
	<div class="form-group">
	<label for="mail">Email address</label>
	<input type="email" class="form-control" id="exampleFormControlInput1" placeholder="name@example.com" required="required" name="user_mail"><span class="error">* <?php echo $emailErr;?></span>
	</div>
	<div class="form-group">
	<label for="exampleFormControlSelect1">My Problem?</label>
	<select class="form-control" id="exampleFormControlSelect1" required="required">
	<option>Algorythm problems</option>
	<option>PHP problems</option>
	<option>HTML problems</option>
	</select>
	</div>
	<div class="form-group">
	<label for="message">My message</label>
	<textarea class="form-control" id="exampleFormControlTextarea1" rows="3" required="required" name="user_message"></textarea><span class="error">* <?php echo $commentErr;?></span>
	</div>
	<button type="submit" class="btn btn-primary">Submit</button>
	</form>

	<?php
	if($nameErr ==''&& $firstnameErr ==''&& $emailErr ==''&& $phoneErr ==''&& $commentErr =='' && !empty($_POST)){
	header("Location:https://www.youtube.com/watch?v=5eLcHJLDlI8");
	exit;
	}


	?>

	<!-- Optional JavaScript -->
	<!-- jQuery first, then Popper.js, then Bootstrap JS -->
	<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
	</body>
	</html>

	<!DOCTYPE HTML>
	<html>
	<head>
	</head>
	<body>

	<?php
	// define variables and set to empty values
	$nameErr = $emailErr = $firstnameErr = $phoneErr = $commentErr = "";
	$name = $email = $firstName = $comment = $phone = "";


	function test_input($data) {
	$data = trim($data);
	$data = stripslashes($data);
	$data = htmlspecialchars($data);
	return $data;
	}

	if ($_SERVER["REQUEST_METHOD"] == "POST") {
	if (empty($_POST["user_name"])) {
	$nameErr = "Name is required";
	} else {
	$name = test_input($_POST["user_name"]);
	if (!preg_match("/^[a-zA-Z ]*$/",$name)) {
	$nameErr = "Only letters and white space allowed";
	}
	}

	if (empty($_POST["firstName"])) {
	$firstnameErr = "First name is required";
	} else {
	$firstName = test_input($_POST["firstName"]);
	}

	if (empty($_POST["user_mail"])) {
	$emailErr = "Email is required";
	} else {
	$email = test_input($_POST["user_mail"]);
	if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
	$emailErr = "Invalid email format";
	}
	}

	if (empty($_POST["phone"])) {
	$phoneErr = "Phone number is required";
	} else {
	$phone = test_input($_POST["phone"]);
	}

	if (empty($_POST["user_message"])) {
	$commentErr = "Post a message";
	} else {
	$comment = test_input($_POST["user_message"]);
	}


	}


	?>


	</body>
	</html>