Viewers: in countries Watching now:
Forms perform an essential function in modern websites, making it possible to gather information from users and validate that information. In this course, Adobe Certified Expert Candyce Mairs shows how to create forms to email user information and validate user data using various methods of form validation. These validation methods include client-side, server-side, and custom validation; CAPTCHA images; and Spry validation fields. You'll also see how to set up a PHP testing environment and preview PHP pages in Dreamweaver. Along the way you'll build your skills in areas like using admin consoles, commenting code, working with variables and includes, and much more.
We now need to take a look at what type of validation we're going to use for our final contact us.PHP page. This is the contact us at scuba vacations form that we've been working on throughout the course. So we want to move into the final creation of the forums and we've looked at a lot of different types of validation. Now I would suggest you go out to the course files and get the chapter seven start files. A couple of these files have been modified and in order to swap out those files for your present files, what you do is go out to the ht docs folder. The ht docs contains our scuba vacations website.
Now that ht docs folder on the PC. Is inside the xampp folder on the c drive, or on the Mac side, it's within the applications mamp folder. But once you get inside the xampp or mamp folder, both folders are called ht docs, and that's the folder that contains the website. You can simply replace this folder with the Chapter Seven start files for this course.
It does have the final version of our form within that file. I've also made a couple of minor modifications to a couple of other files as well. So please go out and get the chapter seven start files. And replace your folder, your scuba vac folder, inside HT Docs, with that version. All right, so we have to design what type of form validation were going to use. And the one I have chosen is Server Side Validation I'll open up that file and put it in the browser. This is the same file we looked at earlier.
This file was talked about in the server validation movie. This form has some required fields on it. If I click the Submit button, you can see there is red text that appears on the form, our form fields also turn red and that's the type of validation I want for our Scuba Vacations website, right now if we actually enter form data, I will go ahead and do that to show you the only thing this page is doing is printing out whatever I put into the forum at the top of the page here. So above the header you'll see and h one and here's the h one information. All we're doing is printing a message onto this page at this point in this file.
The final version of our Contact Us page is not going to do that. It's going to take the same form information that's now being printed at the top of the page and it's going to move it into an email format to be sent by the web server out as an email. So I'm going to use this server validate. Basically this same format, but if we look in the code what will be replaced in our final version, is up at the top here we are simply echoing the message.
This message right here, that we built within this area of the coding. Is what's going into the Header1 at the top of the page. So we need to replace line 54 with email coding, so that it can get sent as an actual message via email. So we'll take a look at that when we look at the final version of our form.
There are currently no FAQs about Dynamic Dreamweaver Websites: Creating and Validating Forms.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.