Registration Form with validation

We require a functional rebuild of our Sign-Up page to better accommodate standard user experience practices. Said practices would include live field validations, bot defeats, proper error response display etc. Additionally, the rebuild must integrate with our existing backend and leave room for further steps in the sign-up process as required. The page must be built in Angular. FIELDS As the entire scope of this specification is basically an online form, the key points of data are the form fields. The fields currently in scope are: • Name • Surname • Email address • Cellphone number • ID/Passport number • Password • OTP • Country of origin • Username There is a requirement to validate these fields according to strict rules. The rules are as follows: Field Functionality Required validations Name The first names of the user No non-latin characters and no numbers Surname The last name of the user No non-latin characters and no numbers Email address The email address of the user Must be formatted like an email address Cellphone number The personal phone number of the user Must be formatted as 1234567890 with no spaces and no international codes ID/Passport number The personal identifier of the user according to their origins Must use SA ID number format if Country of Origin is SA Password The chosen password of the user Must only contain letters and numbers, and must be more than 6 characters long Needs a Confirm Password field as well Username The chosen username of the user Must only contain letters and numbers, and must be more than 6 characters long Country of Origin The birth country of the user, as per their ID/Passport number Must be a drop-down list OTP One-time pin Must only appear as a pop-up once the other fields are filled and valid and the submit button has been pressed INTEGRATION & FLOW As stated previously, there is already a backend for the form that handles several of it’s own field validations alongside some functional background steps for the signup process. As such, the form needs to be able to send requests to the backend via a RESTful API processing JSON’s and process the responses from it accordingly.