Contact Form Web Application Tutorial Ajax HTML5 PHP

[@Timespider]

Fantastic as usual. Followed you for years down here in NZ. Your videos are like unwrapping a present at Christmas, can't wait to see what goodies are inside.

[@enriquebdfx]

Thanks for investing your time in this vids men, regards from Venezuela!

[@ChimobiHD]

The dude is back! Thanks for all the good work Adam

[@stephenbradbury2347]

I know this tutorial is over 2 years old now but I have just used it on my website, it works as it should. Thank you very much. Subscribed.

[@MRMOTOFOTO]

I can't thank you enough.....I've learned more from you than Anything out there.

[@AdamKhoury]

Glad you find it useful. Thanks for the feedback.

[@GeorgeLathem]

Finally a simple and to the point tutorial. I fucking love you! Liked and Subscribed

[@richardrichardson5745]

Thanks for this tutorial. This looks like it will be more convenient than sending the viewer to a separate page. I will be doing this for my future websites.

[@BOER1717]

Yay, you're back!!!! Awesome as always Adam, keep up the good work ✌🏻️

[@AdamKhoury]

Thank you sir. It's good to be back in action.

[@Timespider]

I needed a refresh. Been missing your tutorials and humor AK, can't wait till your back. Your the best teacher!

[@محمدابراهيم-ظ2ض]

many thanks. i wait notification about : MVC tutorials BY Adam Khoury :)

[@joannasmith2133]

Brilliant tutorial! I'm a beginner coder and your tutorials are such a huge help: informative, clear and to the point. Thank you!

[@lojose1000]

very nice tutorial, and thanks for share, nice to have u back

[@madpeach_]

Thanks a lot. Was scared of dealing with backend languages but thanks to you now i see a whole new world of possibilities!

[@minakirellos9089]

Keep it up man! I have learned a lot from your tutorials Thanks

[@kamaboko1]

Nice to see you back

[@bongloads420thc]

The best tutorial I've seen on this topic. Subscribed.

[@vonstormfilms]

Love your content, Adam. Thanks a ton.

[@4loverhyme]

... it's working for me, great job, and thanks for saving me lots of time in having to write the code, thanks again!

[@gtaagent]

Well done. Very simple and explained perfectly. It's important to note for people having problems it's paramount that the .php file be referenced exactly the same in your javascript because once the user submits the form the target is that file, the rest is effortless.

[@jamiebrunson7584]

Great tutorial, however, I am having a bit of an issue. When I upload and run the contact script, the form stays on the page, the page will refresh and send me back to the top and it appends all the data I entered to the end of the domain name in the address bar above. Any thoughts sir? Just to update, im getting this Error now: [19-Nov-2016 15:55:39] PHP Warning: PHP Startup: Unable to load dynamic library '/usr/php/54/usr/lib64/php/modules/imagick.so' - /usr/php/54/usr/lib64/php/modules/imagick.so: undefined symbol: zend_new_interned_string in Unknown on line 0

[@alexanderkrist95]

Same problem here

[@hugoalvarez3226]

Thanks for the example and mostly for the code, I was really spinning around with the serialize of php which didn't worked for me in hours. Just downloaded and customized your code and its all working fine. Thanks!

[@felixmoshami17]

you have great tutorial man i just like your tuts thank you for sharing your knowledge

[@floris812]

Wow you're a good teacher!

[@kevinwiens4804]

This is Really Good Stuff Adam..

[@IrfaanHassanDiamonds45]

Hi Mr Adam Khoury.. and how you doin mahn??!? I had to pause the video!! fucking love your work!! love how real you are about coding and programming, ive been watching your vids and you make me feel like ive been programming for years already.. you know when to elaborate what is a built in function of php and what is not built in, love that, doesnt leave me guessing what needs to be instantiated or not.. Keep up the awesome work! and May The Almighty bless you and those you love and care for in this world and the world after.aameen.

[@moehammoud1]

Great tutorial. Exactly what I wanted/needed. Thanks, mate. Keep up the good work.

[@CarliBotes]

Love your tutorials! Thank you :D

[@AdamKhoury]

Thanks and no problem.

[@emanuelolsson7169]

Thank you, really nice. As for Wordpress users or others that experience the "Please wait..."-issue - it is because your parser.php cannot be found. If you are using wordpress you'll need to include it in for example your functions.php. I found this out using the inspector, use to see where the errors occur and why.

[@kevinwiens4804]

Sweet.....Adam!!

[@labradorsolutions]

You are an UNBELIEVABLE teacher! Thank you for this video! I am curious how I take this and "connect" it to my Google or Mailgun SMTP?

[@martincool7333]

Hi Adam the problem is you make it look so simple. Thanks for the tutorial

[@GracieDFC]

Hi Adam, my email is not sending and form says please wait but nothing happens. any ideas? thanks.

[@pigpen12345]

Browser discrepancies Okay, I get the success message in safari "thanks (name) your message has been sent", but in chrome or firefox, I just stays on "please wait". I do get the email on all browsers though. How do I fix this?

[@lisawoodson9511]

Do you know how to configure XAMPP so that I don't get this error? ... Warning: mail(): Failed to connect to mailserver at "localhost" port 25, verify your "SMTP" and "smtp_port" setting in php.ini or use ini_set() in C:\xampp\htdocs\1ContactFormWebApplicationAjaxHtml5Php\example_parser.php on line 13 The server failed to send the message. Please try again later.

[@DanielResoalbe01]

I have the same error

[@jamesbarratt593]

Need form submitted message on screen of form which is whole reason for using ajax. I have a form using jquery validate, and jquery holds submit button until validation passes. Then with submit free it posts to php and php opens new window to display sent message. I want to have this message on the same page as the form.

[@atypical_blk_guy]

Hey I'm getting an error message in the console saying submitForm is not defined even though I got the same code to work for another website I'm working on. Any ideas why it would work for one site but not the other? I also tried copying and pasting the sample code and I still get the same message.

[@Oscar-mp6hw]

I quadrupled check my code and its identical to yours except for the form fields and it is not working. For some weird reason it is acting as it's method is "GET" (showing the information on the browsers address bar). I made sure it was "POST" but nothing. Do you have any idea what could be wrong?

[@math487]

great video once again thank you very much

[@royalkinguniverse]

im so dissapointed i did everything u said and it does not work??? uploaded it to the server it says thanx for sending an email but it doesnt send an email?

[@thehangman1517]

Hello, how does this send the email? How does this work, can you explain this?

[@ravgeetdhillon2990]

That's exactly what I was looking for.

[@vincentthiago9526]

I guess it's kinda randomly asking but do anyone know a good site to stream newly released movies online ?

[@piercejonah6289]

@Vincent Thiago Try flixzone. Just google for it :)

[@kamdenstanley1449]

@Vincent Thiago I use flixzone. You can find it by googling :)

[@Trident007]

great video thank you! is there a video out there the shows how to add spam filters to one of these contact forms?

[@escapecs9498]

Mine just says please wait... and it stops there it does not redirect me to " your message has been sent" any tips?

[@AlisTDK]

saludos amigo! gracias por tus tutoriales, me ayudan mucho! thanks for your help friend!

[@sukronjazuli]

my message no show in email, only information has been sent.... , why sir... please help ..thank so much

[@cyrusbfbulan6573]

sir Adam I've only confirming that the message was sent but their is no message at my inbox(the recipient) ..please help

[@kyleparsotan6799]

Do we need a sql and php to get the data saved and see who is what?

[@WOXZE]

Thank you very much sir. That was awesome!

[@houssameddine6105]

great video... i have a question : why did you use iso as an unicode why did you not use utf-8

[@shinwarivlogs8597]

sir i would like to ask you a question i am making a search engine and i want to send the data by get method so that(data submitted in the search box) it appears in the url any idea what to change in this form

[@salmanraj22]

Futball Highlights ztelugushow

[@kayodelawal7703]

Hey there Adam thanks for this tutorial but, when i upload the form to my site, and fill it out the page just refreshes. and no email set out

[@rahulagarwal968]

Hello , can you please tell me how to add " Refer and earn" feature in a website using php mysql ?

[@telset101]

Does this validate the email the user inputted?

[@NoahNobody]

Hi Adam, I was browsing your site and noticed there wasn't any content about web security. I would like to express my interest in this field and request some practical tutorials about it. For example, XSS, XSRF, and anything using Ajax that might compromise a database. Thanks.

[@Vexxlol]

Not working, It just says Please Wait...... And never sends and i have a domain email

[@Vexxlol]

Righty'o Ill go check it out

[@snspro260]

When i click submit button it shows me success message that the message that i have sent is sended but i don't get any message in my email. Can you help me pls???

[@sheepy0125]

do you have wampserver or mamp or something like that for php?

[@sinisavuksanovic7537]

If you work in localhost, it will allmost never work ( mail function )

[@sheepy0125]

oh

[@Oscar-mp6hw]

I am having the same problem, how did you solve it? I upload my files to the server to test it out and like you said, i got the success message but I did not receive the email.

[@matthijs162]

Hey Adam, This form works perfectly, except for the receiving part. Whenever I sumbit, the email is sended to my spam folder, how can i let it go into the regular inbox folder? Kind regards

[@AdamKhoury]

Maybe because your email checking application's spam filtering settings are high and you only allow trusted white-listed entities land in the inbox. You could try changing the $from variable to use an email address tied to your hosting account that is sending the email, instead of the user's $e variable. I am not sure really.

[@LarsVollaers]

Thanks alot, I was looking for this!

[@AdamKhoury]

Thanks for the feedback Lars.

[@LarsVollaers]

I was wondering if you could make a lesson that inserts data to the database with ajax of course. Let's say for example a comment system.

[@BOER1717]

Check out his "Social Media' series, he has all that in there with AJAx

[@abstractindia]

Hi Adam, I am implementing the ajax submission on a form (following this tutorial) which inserts data into a mysql table. The problem is that the data is inserted twice every time I press submit. Can you suggest what the problem might be?

[@mustaghees.b]

My guess is that the problem is in JavaScript. Can you show your PHP and JS code, using codepen or pastebin, so we can help?

[@ShapeoneCoIl]

Just what i was looking for - thank you so much

[@sohampatel6916]

that was very easy. and you did good putting your code for us to copy. great

[@nksprashant]

www.developphp.com/video/JavaScript/Contact-Form-Web-Application-Tutorial-Ajax-HTML5-PHP

[@GracieDFC]

Anyone know how to fix stuck at please wait and no email?

[@kishandave722]

very nice video Thanks bro

[@zaidiftikhar9938]

where this attach of data with image?

[@miguiaculiacan]

thanks Adam !

[@adam6039]

When you finish the form, and when you enter the information and click Send writes me please wait and so to write and nothing happens , I do not know what to do , please help! please helpppppppppppppppppppppppppppppp

[@neukekeuke9287]

Man it works perfect! THX a lot

[@yndev]

Still works in 2017. Thanks for this!

[@yndev]

Nah, I followed the video exactly and it worked. The issue could be your with your host possibly?

[@makemoneyrelax]

yes it works on mine.....you need to use it on real server....maybe on local host it will not work for some reason....which is understandable....

[@RS-hw8cz]

it say mail sent .but i do not receive any mail from this .i just changed the email address in php file and then i upload it on my domain .what else should i do .plz help

[@vaishviksatyam]

Kindly let me know how did you fix it.

[@tiagomartinho77]

thank you, it was very helpful, already up and running, i only added a subject placeholder. Only problem i have to sort is the language, in portuguese we have "ç" and "ã" and come all wrong. Great job, keep it coming and thank you for sharing

[@rajeshsahu605]

sir i know only html and css can i go for this tutorial????? plase uploaded the html5 and css3 tutorial so that its very easy to getting php and javascript

[@nicknoop]

Thanks Adam, much appreciated! If anyone else interested in adding a honeypot to this, here below are some slight additions/amendments made. This worked for me in terms of the form not sending. I have been scratching my head to add a 'false' success message, but failed so far...! In form, add this line: If you're human, leave this empty: In script, add this: formdata.append( "hon-url", _("hon-url").value ); In css, hide the line in the form: .antispam {display: none;} In php, add this: if( isset($_POST['n']) && isset($_POST['e']) && isset($_POST['m']) && isset($_POST['hon-url']) && $_POST['hon-url'] == ' ' ) {....here goes the rest.....}

[@delwerhossain3619]

hey guy, can you provide me the full code?

[@riza8617]

so I use javascript to process data then send data that has been inputted via ajax to php and php processes data from javascript to send email?

[@BreakthroughGolf]

Thank you so much! Everything worked great, except the "please wait" message and nothing is arriving in email.

[@TGDTom]

When I try to include the security.php file, I get a HTML 500 error, and if I don't include it, submitting the form (if everything is filled in) doesn't work. Any ideas?

[@GimanLee]

Thanks, I was looking for this but when I sent a message, language has broken. How I can fix a language problem? English i find but Korean language is not working.

[@GimanLee]

I solved. I changed charset=iso-8859-1 --------> charset=UTF-8 Thanks

[@bloblobloboo3819]

I try using this but the email isn't sending, not even in spam box. Other ajax contact form isn't working as well, I wonder if there something missing or server problem. Normal contact form however worked without a problem.

[@joshfischer5748]

did you make sure the host server has PHP installed?

[@bloblobloboo3819]

I've test using mail function and it works, PHP already installed. other app mail functions works fine.

[@Computer_Gig]

It says that the message was sent, but I cant see in my inbox. Did you find a solution for this?

[@makemoneyrelax]

it works on my site...guys post your website so i can debug

[@souviknag]

Firstly, your videos are very helpful. Thank you very much. Could you please tell, if we can call multiple jquery/javascript functions onsubmit event?

[@AdamKhoury]

OR Maybe you can execute those other functions from inside of the submitForm() function.

[@projectstarhubcitylive4473]

osm .. you are great .but how you learn this hard Java Script ?

[@souviknag]

Thanks for the reply. I was watching your videos relating OOP lately. I was wondering if you could please make a series of basic OOP related videos. Or if I have missed them, would you please tell me where to find them? Once again, thank you very much for the tutorials. They're very helpful.

[@AdamKhoury]

Research the terms Cross-site Scripting (XSS) and Cross-Site Request Forgeries (CSRF) attacks in a search engine to find numerous methods to defend your forms against spam and automated attacks from malicious third party servers.

[@ClawHammer23]

Thanks for share Adam

[@brovayurbee]

I have a few radio buttons and phone number section added in code. If I wanted to display the number I would have to add in my php section.

[@muhammadshahryarazhar2571]

Great!!! Thanks for the video man! Really appreciate it!!!

[@leonardosimoes3463]

Hi Adam, Thanks. Really nice way to do the contact form. I just cannot make "Required" works with Safari, do you know why?

[@AdamKhoury]

Your version of Safari might need to be updated. If that is not the issue, then Apple is very slow to catch up to every other browser vendor. I don't use Safari personally so those are my best guesses.

[@leonardosimoes3463]

Thanks Adam, I will try to figure out what is going on and I let you know in case you need to use it in future... Thanks for the code Leo

[@kamaboko1]

Great tut. Just wanted to drop this comment. The latest version of Safari does not (unfortunately) support the 'required' attribute. Since Safari has about 16% of the browser market share (according to netmarketshare.com), it's something we just have to deal with. One can either use a jquery patch (there are plenty out there) or pop out something using PHP. I prefer the latter.

[@alphamx13]

Adam I have a question... Is it possible to show the "success message" without redirecting to another page? Thank you!!

[@AdamKhoury]

Sure, that is what this video shows. It uses Ajax so it does not need to redirect anywhere and the success message is received.

[@alphamx13]

I'm sorry.. I see It remains on the same page.. just the form itself hides after the form is submited. You Rock Dude!! Thanks again.

[@AdamKhoury]

no sweat buddy

[@ivanharasta]

The parser returns "success", but the email won't send to adress I want. Can somebody help me?

[@Dexter101x]

are you working on a remote or local server?

[@ivanharasta]

I have a free hosting from some company... So it is possible that they don't provide mails for free customers?

[@Dexter101x]

Because it's free, they have probably disabled the mail function, you will have to ask them though

[@andrewrico8321]

not working.....it says "please wait" after submit it and then nothing happend.

[@yoyoking132]

me too, did you end up getting it to work?

[@andrewrico8321]

i didnt, try: formspree.io/

[@M9Diry]

Me too then I checked the and found that because I changed the name example_parser.php to something but hadn't changed the reference in the script. Bang.

[@nomadicnoor5694]

Will all email from my portfolio be marked as a Spam? I received it in the SPAM folder :/

[@iamgsk.seeker]

you can change the rules of filter in the email settings itself

[@ak-loz]

This works wonderfully!

[@realist8774]

Great tutorial! Could you make a sequel to this one teaching folks how to protect this wonderful form from spam (like recaptcha)?

[@Stephen-st1pi]

Dear Adam, I uploaded your files almost as is, on the website. The only change I made was to my email address. After clicking on "Submit", the message thanked my name, but I did not receive the email at all. I have checked my spam mail as well. Please advise, if possible. Stephen.

[@techshop4837]

So I am not able to get this to work on my server. I get the server failed to send the message. Please try again later. but in the console I cant see why.

[@techshop4837]

I have a apache2 ubuntu linux webserver running with php 7.0.22. is there anything else that is needed server side for this to work? Can I use a gmail account as the to address in the PHP file?

[@johnsailor3590]

So you recommend use id’s in html elements ?

[@yakut54]

ёмко и содержательно. спасибо, чувак! =)

[@Computer_Gig]

It says that the message is sent, but I don't receive it, in my inbox. What's wrong???

[@Computer_Gig]

Also, I changed the email and nothing... It can be something wrong with my web hosting??

[@Dexter101x]

My php script is a little bit more complicated than yours Adam, but I always couldn't do the response message when people have sent the message and also, the HTML email. Thanks

[@Computer_Gig]

Anyone know how to add radio buttons or option??

[@royrijkers]

radio button: option1 option2 checkbox: option1 option2

[@yutu49]

Doesn't work. I copied your html, JavaScript, and php code exactly form your developphp page and put the codes in their respective pages. The php page was named exactly as yours. I entered the information into he fields properly and hit submit. all that happened was that the php code was displayed directly under the form.

[@General_Aladeen]

learn how to debug man. look in the developer console if you've javascript errors.

[@DuskAngel2]

I get this when I fill out the form: Name: '.$n.' Email: '.$e.' '.$m.' '; $headers = "From: $from "; $headers .= "MIME-Version: 1.0 "; $headers .= "Content-type: text/html; charset=iso-8859-1 "; if( mail($to, $subject, $message, $headers) ){ echo "success"; } else { echo "The server failed to send the message. Please try again later."; } } ?> Also the form doesn't disappear and the message doesn't go to my mail. I thought I might have done something wrong in the code so I used the Lesson Code, but that doesn't fix it. What is going wrong?

[@rijnland333]

You have to run the code on a server, not a map on your computer.

[@khushalgelda]

i have the same issue. i am running on localhost. please help

[@xidman]

I don't understand why i keep getting "mail(): SMTP server response: 503 Bad sequence of commands." error eventhough i already copied your code, can someone help me?

[@janoytechwizz3874]

Thank you, i may now optimize my website.