Question
html ,css,java script General Requirements : Create a new page ( form.html ) with the following requirements : o The page must contain a complete
html ,css,java script
General Requirements:
Create a new page (form.html) with the following requirements:
o The page must contain a complete form that accepts users input and sends it to the backend for processing and storage.
o The form must contain at least four different ways of collecting user input (e.g., text, number, radio, checkbox, date, ). For example, you can request the following from the user:
Ask the user for his/her information (e.g., name, gender, email, mobile, preferred language, etc).
Ask the user for the type of service requested (e.g., buying a domain, creating a website, maintaining an existing website, etc).
Ask the user for the service/project due date.
Ask the user to write out the details of the request.
Ask the user to upload any supporting files.
1
must be validated at the front-end properly.
o Implement a data validation layer using JS with a minimum of three different functions that check the user input validity. For example, check for type, length, and format.
o Must use at least 3 different event types. For example, one event would activate when an input element has lost the focus. Another would be when a button is clicked, etc. Click here for a list of available events.
o Make sure appropriate messages is being displayed back to the user. The request must be cleaned and validated at the back-end properly.
o Clean all input to make sure it does not contain any content that may harm the website or the database.
o For each user entry you must check for entry, type, length, and format. The form must show the appropriate messages back to the user:
o If an error occurred, the error should be presented to the user either by adding it to the page using DOM, or through an alertbox.
o If the submission was accepted, then a thank you message should be presented to the user in the same manner.
The form must be integrated with a database:
o The request must be saved to a database (INSERT). o The database can be MySQL, MongoDB, or Firebase.
The submitted code MUST BE your OWN code. You are NOT allowed to use any online premade templates. You will lose up to 50% of your grade if used code that you did not write yourself.
Create external JavaScript scripting files. Make sure to separate your frontend code from your backend code. For example, if youre using node.js, then create a frontend.js and backend.js files that contain all your JavaScript code. The frontend.js file should contain all the code used for the front-end aspect of your website. This includes any animation or DOM manipulation that is done on the frontend. Whereas the backend.js file should contain all your backend code that includes the request processing along with the code needed to store the user request in the database. Feel free to use more JS files as needed.
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started