The "Registration" page allows users to register on the site by filling in the required fields and clicking the registration button to gain access to product ordering. Upon successful registration, users should be redirected to the main page and automatically logged in.
Users should be able to access the "Sign Up" page from the "Sign In" page by clicking on the "Register Now!" button.
The "Registration" form should contain three sections: "User Information", "Account Information" and “Profile Information”.
Users should be able to create an account by clicking the Save Account Information button or pressing the Enter key.
User Information
The "User Information" section should contain three required fields: User ID, New Password, and Confirm Password. All required fields should be marked with an asterisk.
User ID
New Password
Required field;
User should not be able to copy/cut/paste from this field;
Must be masked;
Must contain 8-30 characters;
Must include at least one special character, one digit, and one uppercase letter;
Non-printable symbols are not allowed.
Confirm Password
Required field;
User should not be able to copy/cut from this field;
Must contain 8-30 characters;
The value must match the "New Password" field.
Account Information
The "Account Information" section contains optional details that users can provide during registration or later.
Email
Format: [name]@[domain].com;
Must contain 14-72 characters;
[name] part accepts Latin letters, digits, and select special characters: plus (+), hyphen (-), underscore (_), and dot (.);
Must be unique.
Phone
Must follow the placeholder format: +38 098 765 43 21;
The number must start with a plus sign (+);
Letters, special characters, and non-printable symbols are not allowed.
Profile Information
This section contains optional details about the user's preferences.
Language
English
Espanol
Ukraine
Japanese
Favorite Category
MyBanner Checkbox
Validation
If the User ID is already registered, an informative validation message should appear.
If any required fields are left blank, they should be highlighted in red.
If other validation errors occur, a message should display: "Validation failed! Check that all required fields contain valid data."