Friendly Username/Password Creation

This is a wireframe for a more helpful username and password creation. Instead of waiting for the user to attempt submitting the wrong information, this will display requirements and check off each required field after it is successfully completed. The save is inactive until the user fills out all the required fields in the form. To help the user out, after they fill out each required field, a section of the save button displays as active. When all required fields are complete, the save button will be 100% active.