We are looking to take a current form and implement it in a different fashion. We have detailed requirements below. Not large project, but here is what we need.
[login to view URL]
Here is what we need. Our form works with a backend system. Right now we have one form. Instead of one form showing all the fields, we want to be able to break the forms down. Then when a section is filled out, the other fields show. For example:
Name:* ______________
Email:*_______________
Submit
When the above two fields are filled out, then the below shows. If they hit subit, the form says please fill out X field first. When the two fields are filled out, then new fields show, for example….
Name: Bob
Email: --**--
Phone Number*: _____________________
Submit
Then this continues one or two more times and once completed, the end user then submits their form.
What we need from the code is this:
1. Ability to identify how many hidden sections we want;
2. Ability to add fields;
3. Ability to identify mandatory fields;
4. Ability that once all the mandatory fields are filled out in the shown area, to either identify if another section will show;
5. When the mandatory fields are not filled out, the submit button should require them to be filled out;
6. When all the fields are done and the form is submitted, I would like a CSS window to popup and simple show that the form is being submitted. Right now there is a delay on the system submitting a form, so I want some action there so they know what is occurring.
7. When the names field gets submitted, the first letter of the names are capitalized before they hit the database;
8. Look and feel must be CSS based so we can change it easily.
What you are creating is a template for us to be able to do what we need, so code must be VERY WELL NOTED and directions clear. Each form we will need to be able to activate what fields are mandatory, so code will be needed for phone numbers, email, and content checks based upon what we select.
What we will do with what you provide is take the current fields on a website. We will then use your code to create the form to work as needed and then enter it into the HTML.
MUST WORK ON ALL BROWSERS AND if JavaScript is deactivated, then the whole form shows. In addition, the forms drop cookies to remember you. When you return, the cookie remembers you and fills the form out. This has to still work and in this case, the full form would show, no hidden fields. To see cookie work, go here:
[login to view URL]