day_13_signup.php

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
	<title>Error Handling Tutorial</title>
</head>
<body>
	<div class="container">
		<div class="row">
			<div class="col-md-5 mx-auto mt-5">
				<h2>Sign Up</h2>
				<?php
					$fullUrl = "http://$_SERVER[HTTP_HOST]$_SERVER[REQUEST_URI]";

					if(strpos($fullUrl, 'error=empty_fields')) {
				?>
				<div class="alert alert-danger" role="alert">
			  		Fields are Empty!
				</div>
				<?php
					} elseif(strpos($fullUrl, 'error=char_error')) {
				?>
				<div class="alert alert-danger" role="alert">
			  		Invalid Characters Found!
				</div>
				<?php
					} elseif(strpos($fullUrl, 'error=email_error')) {
				?>
				<div class="alert alert-danger" role="alert">
			  		Email not valid!
				</div>
				<?php
					} elseif(strpos($fullUrl, 'error=success')) {
				?>
				<div class="alert alert-success" role="alert">
			  		User Registered Successfully!
				</div>
				<?php
					}
				?>
				<form action="signup_process.php" method="POST">
					<label for="name">Enter your name</label>
					<input type="text" name="name" id="name" class="form-control" placeholder="Type your name here..." maxlength="40" required>

					<label for="email">Enter your email</label>
					<input type="email" name="email" id="email" class="form-control" placeholder="Type your email here..." maxlength="20" required>

					<label for="username">Enter your username</label>
					<input type="text" name="username" id="username" class="form-control" placeholder="Type your username here..." maxlength="8" required>

					<label for="password">Enter your password</label>
					<input type="password" name="password" id="password" class="form-control" placeholder="Type your password here..." maxlength="15" required>

					<button type="submit" class="btn btn-primary mt-3" name="signup_submit">Sign Up</button>
				</form>
			</div>
		</div>
	</div>

	<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.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
	<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" crossorigin="anonymous"></script>
</body>
</html>