Jun
6
2012

PHP Contact Form and Form Validation | Dreamweaver Tutorial – 1 of 2

Host Unlimited Websites for .88 Per Month with Powweb bit.ly A Dreamweaver Tutorial by James at www.dreamweavertutorial.co.uk TRY THE FORM OUT YOURSELF CLICK BELOW bit.ly DOWNLOAD THE FORM VALIDATION FILES HERE: bit.ly I get so many requests from people asking me James! when are you going to make a Contact Form Tutorial. In fact, it’s one of the most heavily requested tutorials that I get. It’s so difficult to find a really decent contact form that not only looks professional and contemporary but is also safe and secure, a contact form that protects your website from the threat of email injection but also validates the form automatically to save you a ton of admin work cleaning out your email inbox from half filled messages. You’re also looking for a contact form that can be easily adapted to fit any website. So were going to make a big bold form with big form input areas a large text area and generously sized submit button. But that’s not all. Well also be attaching an amazing form validation system, well style a thank you message that will appear after the form has been sent and then we’ll learn how to write a simple inline JavaScript redirect to send people to a page of your choice after the form has been submitted. google + gplus.to/dreamweavertutorial ************************************************** COMMON TROUBLE SHOOTING ISSUES ************************************************** IMPORTANT: If your problem is not on the list below then if you want a reply to your

23 Comments+ Add Comment

  • yes that sounds like you have not connected your css file properly.  attach it. doa google search to find out how or look through any of my videos where i attach style sheets all the time

  • html and css and php are not patents of adobe. Dreamweaver does not create special code that no-one else can use.

  • send me a pm with the link and ill help you. otherwise you will need to check your markup is correct (it isn’t and you have made a typing error)

  • coding error

  • 12:03

  • Thats not exactly my question. I know Adobe cant patent html/css coding cuz my site for my youtube channel is a work in progress and almost done (thanks to @EdzJohnson).
    My q was: would it get annoying without word colors, code spell check/drop-down-menu-as-you-type, design mode etc.??

    (When i get my macbook when it comes out, and i start making a lot of videos ill probly use bbedit or something free if its suitable enough for me)

  • Thank you for this really clear and easy to follow tutorial. I’m a beginner at Dream Weaver and was able to follow this all the way through. I’ve managed to put it within a page on my website. I’m just wondering what you would suggest would be the best way to have the form centred on my page rather than aligned to the left as you have it. I’ve tried various ideas but no luck. Any help is greatly appreciated.
    Many thanks again.

  • @DreamWeaverTutorial What about Spam Attack?

  • Thank you so much, this works great! Definitely helpful!
    I have one small question… Do you know how I can integrate this with the design of my site? I have a header, a left menu bar, and I’d like to have the form to the right… How can I integrate the .php file with my ’empty’ contact .html file?
    Again, many thanks for taking the time to do this!

  • Absolutely fantastic tutorial. You explain it all very clearly, thanks!

  • Is it possible to open this form up in a lightbox so I don’t have to navigate away from the page. I’ve tried everything and still can’t get it to pull up.

  • this video is soo good, you have actually helped me soo much
    thank you for that

  • Great tutorial!!!
    I have one question,I would like to delete the “message” and “Your name” fields,and leave just email input,how can I do it?Is it possible?I try to delete these two input but after deleting form(redirecting and message “thank you for message” ) doesn’t work.

  • yes. just make sure that you know how to code the text that he uses shortcuts for. He does not cover how to do those.

  • dude u rock!!

  • thanks alot for ur videos

  • Now make this tutorial for notepad++ or any other simple IDE with text-editing

  • You are so amazing, you are helping me land a job in graphic design and you make coding so easy to learn! I can’t thank you enough for your videos, they are just awesome…

  • Thanks for share. Very nice work.

  • nice. Very nice layout

  • awesome tutorial…. 

  • hello again! i found the link on your SCRIPT FOLDER ETC. BUT IT SEEMS tO ONLY DOWNLOAD ON A WINDOWS FORMAt with a .rar extension. I am on a Mac. any thoughts/
    thanks again.

  • This is a great tut with good clear instructions and explanation of the contact form, I have followed this tut to the advise of james and it worked a treat for me.

    Thank you for all your hard work on this james, awesome keep up the great work.

    eekeek