In our last step, we wrote the code for logging users in. If no row exists with the given email address, we enter the supplied information into our database and let the users know that the registration was successful. If it does, the user will get a message saying the email address is already registered. This particular function creates a 60-character hash using a randomly generated salt.įinally, we execute the query and check if a non-zero row number exists for a given email address. For this reason, we use the password_hash() function and then store that hash in our database.

Always remember that it isn't a good idea to store passwords as plain text. Next, we check if the user has clicked on the Register button to submit the form by checking if $_POST has been set. This helps us store any information that we want to preserve across the pages. The first step is to include config.php and start the session. $query -> bindParam ( 'password_hash', $password_hash, PDO :: PARAM_STR ) Įcho 'Your registration was successful!'

$query -> bindParam ( 'username', $username, PDO :: PARAM_STR ) $query = $connection -> prepare ( 'INSERT INTO users(username,password,email) VALUES (:username,:password_hash,:email)' ) $query -> bindParam ( 'email', $email, PDO :: PARAM_STR ) Įcho 'The email address is already registered!' prepare ( 'SELECT * FROM users WHERE email=:email' ) You can use the following SQL to create the table quickly. In our case, the table simply consists of four columns: The next step is the creation of a user table that will store all the information about the registered users. Creating the User Table and Connecting to the Database The HTML and CSS from this section can be used as the basis of your project when you create your own forms, which might require different styling and input fields. This contains some additional styling rules for error messages and headings.

Form Input Validation Using Only HTML5 and Regex.

If you want to learn more about client-side validation, check out those posts. You can also take client-side form validation to the next level with jQuery by getting more power over the error messages that are shown and their placement and appearance. You can read the tutorial titled Form Input Validation Using Only HTML5 and Regex if you want to learn more about the topic. Similarly, the use of the pattern attribute on the username will make sure that the username only consists of alphanumeric characters. For instance, the use of type='email' will alert users when the email address that they entered isn't in the proper format. The form is very basic, but we do use HTML5 to do some very basic input validation.

Php maker template