Hi, I need a multistep form.
In attachment you will find a concept in jpg (I've done it with photoshop)
IMPORTANT: the HTML is already done, in the ZIP file. You must implement just javascript and PHP.
You have to work on the html file you will find in zip attached and send it back in the same format. There are a lot of js and css file in it, that are in the original project, so if you have to add any css style, please add in HEAD tag. I got knowledge of html and css, so I can deal with it.
FEATURES
It will be compatible with mobile and desktop computers
steps:
1. recollect data about service
2. recollect personal data
3. summary of inserted data
4. thank you message
it should be possible to go back and forth from any of the first 3 step to correct, without loose any of the inserted data and without any browser error.
It must be done with ajax or javascript, without any reload of the page between the steps.
On the FIRST step you have to put the following fields:
service_type (check: select one of the option but default)
request (check: max 1000 characters)
temporal_horizon (check: select one of the option but default)
quality_level (check: select one of the option but default)
On the SECOND step you have to put:
email (check: email field format)
telephone (check: telephone number format)
name (check: only letters, max 50 characters)
region (check: select one of the option but default)
city (check: only letters, max 50 characters)
On the THIRD step:
print all data inserted + send button
On the FOURTH step:
thank you message
*All fields must be required.
ACTIONS
1. send 2 emails 1 to customer (standard message, I will personalise it), 1 to admin (please, easy to personalize with my data)
2. write in DB. As well as the data in the form it must be recollect: date, hour, IP
OUTPUT
You will send me a zip file with all files and a MySQL db dump that create table and fields
Ciao siriosrl,
Its my pleasure to work with you, as a professional Web Developer can assure you that i can handle your work requirement on the multi step form.
i have checked the image you have uploaded and HTML files as well. waiting for your reply.
Thanks,
regards,
Faraz.