This series of videos explains how to create website contact form with PHP.
You will learn how to create validation of an empty fields as well as email address, how to apply sticky form fields, how to process information entered into the form and send them as HTML email and how to display the confirmation message once the form has been successfully submitted.
Time: 38:42 min / Price: £10.00
Sebastian Sulinski on 8th Dec 2009
Qaysar Akbar on Wednesday, 28th September 2011
Hi Sebastian,
I was wondering if ajax/jquery validation can be added to this so that when a user does not enter the correct information the field is highlighted in red with the message displayed and the success message fades in at the top with the form being cleared of the input fields and the success message fades out after a few seconds?
Thank you
Reply
Sebastian Sulinski : @designtutorials on Wednesday, 28th September 2011
Hi Qaysar,
It could be added, but you would have to convert the whole form into ajax based - the way it is now it's simply reloading the page.
Reply
Qaysar on Wednesday, 28th September 2011
Hi Sebastian,
Thank you for your quick response.
Do you know of any good websites I can have a look at to make the changes?
Thank you
Reply
Sebastian Sulinski : @designtutorials on Wednesday, 28th September 2011
I don't know any I'm afraid, but we do have a validation tutorial here: Two layered form validation, which explains how to do client and server side validation - then you can simply process the received data and send them by email.
I hope this helps.
Reply
Shajahan Shaharia on Sunday, 18th March 2012
Hi i just followed all this complete to the latter, I made a few changes to the text fields but nothing big
my validations are all ok etc but when it comes to submitting it gives me the message saying it has been sent but when i check my email account there is nothing there?
Reply
Shajahan Shaharia on Sunday, 18th March 2012
actually Sebastian it has worked, i missed out a letter from the email address.
awesome post well worth the money and I have learnt few new things!
Reply
Shajahan Shaharia on Tuesday, 20th March 2012
Ok I've fallen into some problems:
Firstly, when the message is submitted the headings are there i.e. full name, telephone etc but no information? what could have caused that?
Also, when I click on submit without any information filled in, I get the errors but ALL of them say : *please enter full name?
I have looked through the coding and you tutorial but there isn't any difference.
Reply
Sebastian Sulinski : @designtutorials on Wednesday, 21st March 2012
Hi Shajahan,
Can you send me all of your files over by email and I'll see what might be causing the problem?
Reply