with provided html and css please complete the js requirement
HTML and CSS are provided!
. Use of bootstrap and jQuery is NOT ALLOWED. For this assignment we will focus on adding JS to add some functionality to our forms.
PLEASE NOTE, YOU ARE FORBIDDEN TO USE ANY JAVASCRIPT LIBRARY OR HTML5 Tag Attributes THAT DO INPUT VALIDATION UNLESS STATED OTHERWISE.
â– login.html
o require the user to enter a username that is 3 or more alphanumeric characters.
o require the user to enter a password that is 8 or more characters.
o Add an action to your form, when the form is submitted you can do the following: â–ª Grab all needed input values from the input fields of the form. â–ª Store these values into a JavaScript Object (basically key value pairs). â–ª Convert this JS Object into JSON. ( JSON.stringify() ) â–ª Print the JSON using console.log
■registration.html – for guests to register accounts
o require the user to enter a username that is 3 or more alphanumeric characters.
o require the user to enter a password that is 8 or more characters AND contains at least 1 upper case letter AND 1 number and 1 of the following special characters ( / * – ! @ # $ ^ & * ).
o require that the password and confirm password inputs are the same.
o require the user to enter an email that is valid. â–ª This one CAN BE done with the type attribute set to “emailâ€
o require the user to select that they are 13+ years of age. â–ª This one CAN BE done with the HTML attribute require
o require the user to select TOS and Privacy rules. â–ª This one CAN BE done with the HTML attribute require
o Add an action to your form that way, when the form is submitted you can do the following: â–ª Grab all needed input values from the input fields of the form. â–ª Store these values into a JavaScript Object (basically key value pairs). â–ª Convert this JS Object into JSON. (JSON.stringify() ) â–ª Print the JSON using console.log
■postimage.html – for registered users to post images
o require user to enter text for Post Title.
o require user to enter text for post description. o Require the user to only upload images that are either jpg, png, bmp, gif
o require the user to accept Acceptable Use Policy for uploading images â–ª This one CAN BE done with the HTML attribute require
o Add an action to your form that way, when the form is submitted you can do the following: ▪ Grab all needed input values from the input fields of the form. • Note for the file, the path to the file is OK. ▪ Store these values into a JavaScript Object (basically key value pairs). ▪ Convert this JS Object into JSON. (JSON.stringify() ) ▪ Print the JSON using console.log
