Site Mockups – Registration

The registration page is to capture the following information:

  • First Name
  • Last Name
  • Email
  • Password
  • Confirm Password

All the fields are mandatory and there are rules around the password field and they are:

  • Must contain at least 8 characters
  • Must have an uppercase character
  • Must have a number
  • Must have a special character

As the user is typing into the password field, the rules are checked against and a tick is placed against the rule that passes. The Register button is disabled until the all password rules have been met. The password field is also validated on the server side to ensure that password meets the requirements.

The server side validation will check all fields with the following rules:

First Name – required|max:255
Last Name – required|max:255
Email – required|email|max:255|unique
Password – required|regex:/^([^”!’\*\\@#$%^&()-_+=]*)$/|max:255

The following screenshot show the error messages displayed after the server side validation is performed:

Leave a Reply

Your email address will not be published.