Logins  You will need PHP to test this code, all modern web hosting companies will provide this, Lehigh does not.  I've given you an account on des170.com:

Slides:



Advertisements
Similar presentations
JQuery MessageBoard. Lets use jQuery and AJAX in combination with a database to update and retrieve information without refreshing the page. Here we will.
Advertisements

1.Click on the Need a login? Click here. link directly beneath the login boxes. 2.Enter your social security number & birth date. When finished, click.
Click to edit Master title style Page - 1 OneSky Teams Step-by-Step Online Corporate Communication Support 2006.
WEB DESIGN TABLES, PAGE LAYOUT AND FORMS. Page Layout Page Layout is an important part of web design Why do you think your page layout is important?
The Way to Success … Sta rt Sta rt Ak Technologies Mo | Visit.
EDW647 Internet For Educators Setting Up a Gmail Account Roger W. Webster, Ph.D. Department of Computer Science Millersville University (717)
Form Validation. Learning Objectives By the end of this lecture, you should be able to: – Describe what is meant by ‘form validation’ – Understand why.
FORMs Lesson TBE 540. Prerequisites Before beginning this lesson, the learner must be able to… –Create basic web pages using a text editor and/or a web.
JavaScript Forms Form Validation Cookies. What JavaScript can do  Control document appearance and content  Control the browser  Interact with user.
Basic Calendar Something that would make your web page look very nice is a basic calendar. A basic calendar shows the currents days of the month. This.
Cooperating Teachers: How to Reset Your Password in Tk20 Use this after your initial account set up if you cannot remember your TK20 password.
Training for ESF Schools Website 7. NEWSLETTER. Training for ESF Schools Website Create Newsletter Issue 1 To create Newsletter Issue, click on ‘Create.
Setting up in Outlook Express. Select “Tools” from the toolbar menu.
Free Powerpoint Templates Page 1 MICROSOFT OFFICE OUTLOOK 2007 PRESENTED BY: BRANDO P. DUMALI.
Radiant-Seacom Repairs
15. User Authentication, Form Validation, Paging. M. Udin Harun Al Rasyid, S.Kom, Ph.D
SUPPLIER REGISTRATION FOR ACCESS CODE SUPPLIERS
. If the PHP server is an server or is aware of which server is the server, then one can write code that s information. –For example,
Logins  You will need PHP to test this code, all modern web hosting companies will provide this, Lehigh does not.  I've given you an account on des170.com:
JavaScript Form Validation
Week 4  Using PHP with HTML forms  Form Validation  Create your own Contact form Please Visit:
(c) Manzur Ashraf, Short course, KFUPM PHP & MySQL 1 Basic PHP Class 2.
HTML Forms What is a form.
Department of Information Technology e-Michigan Web Development 0 HTML Form Creation in the Vignette Content Management Application.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
VASP PREPAYMENT SYSTEM Training Module for CLIENTS.
Project Four Forms Discuss form processing Describe the difference between client-side and server-side form processing Add a horizontal rule to a Web page.
Homework for October 2011 Nikolay Kostov Telerik Corporation
MySQL + PHP.  Introduction Before you actually start building your database scripts, you must have a database to place information into and read it from.
Online Reporting Guide
Once you have contacted me to set up a new account, your computer needs to be configured to dial into.DevlinEx and use our servers for things like .
>> Introduction to HTML: Tags. Hyper - is the opposite of linear Text – words / sentences / paragraphs Mark-up – Marking the text Language – It is a language.
A little PHP. Enter the simple HTML code seen below.
Women’s Business Forum New Website How To: Free Members who have been receiving the WBF newsletter.
G053 - Lecture 16 Validating Forms Mr C Johnston ICT Teacher
Web Scripting [PHP] CIS166AE Wednesdays 6:00pm – 9:50pm Rob Loy.
Basic Instructions on how to use One Drive and share files. ONE Drive Your LogoYour own footer.
System Initialization 1)User starts application. 2)Client loads settings. 3)Client loads contact address book. 4)Client displays contact list. 5)Client.
Introduction to HTML. What is HTML?  Hyper Text Markup Language  Not a programming language but a markup language  Used for presentation and layout.
Forms and Server Side Includes. What are Forms? Forms are used to get user input We’ve all used them before. For example, ever had to sign up for courses.
Creating Databases CSS example. One-way encryption. Passwords. Security issues. Work session.. Homework: Making unique posting on encryption, passwords,
 HTML is hypertext markup language. It is a way for people to display their information with more complex pictures and text displays. Before HTML, messages.
*********** Enter your Enter your password Click here to Sign In.
Topics Sending an Multipart message Storing images Getting confirmation Session tracking using PHP Graphics Input Validators Cookies.
ITM © Port, Kazman1 ITM 352 More on Forms Processing.
OFFICE OF INFORMATION TECHNOLOGY Frevvo Training MIDDLEWARE AND HIGH PERFORMANCE COMPUTING OFFICE OF INFORMATION TECHNOLOGY, ENTERPRISE SYSTEMS FLORIDA.
SANSUEB SOFTWARE PRESENTS SkyTextMsg – Online Texting for your Business.
WEB FORM DESIGN. Creating forms for a web page For your web project you have to design a form for inclusion on your web site (the form information should.
Web Authoring with Dreamweaver. Unit Objectives  Be able to define keywords: HTML, HTTP (protocol), browser, web server, client/server, tag, attribute,
Contract Invoice Guide
Learning Aim C.  In this section we will look at how text, tables, forms and frames can be used in web pages.
INTERNET APPLICATIONS CPIT405 Forms, Internal links, meta tags, search engine friendly websites.
How to configure webmail with gmail- Step by Step guide provided by web hosting company in India Call us
© 2014 RENTPAYMENT | 1 HOMEOWNER USER GUIDE. 10 © 2015 DUESPAYMENT | 2 TABLE OF CONTENTS Welcome To DuesPayment 3 DuesPayment Support 4 Main Menu 9 Make.
View Invitation Notification. In this Course you learn how to access your open invitations from City of Chicago's iSupplier portal. You will only get.
A little PHP. Enter the simple HTML code seen below.
1 After completing this lesson, you will be able to: Create and edit hyperlinks in worksheets. Save worksheets and workbooks as Web pages. Send workbooks.
Reply to Registration Invitation ( )
Journal of Mountain Science (JMS)
A little PHP.
Jkelany Chat Project.
EXCEPTION HANDLING IN SERVER CLIENT PROGRAMMING
CMRTA Website Handbook:.
Requesting Access to POP on Intel’s Supplier Presence Site - External Users Feb 28, 2012.
Web Programming– UFCFB Lecture 17
Unit 27 - Web Server Scripting
CMRTA Website Handbook:.
Google Account Recovery Process
Presentation transcript:

Logins  You will need PHP to test this code, all modern web hosting companies will provide this, Lehigh does not.  I've given you an account on des170.com:  SFTP server: des170.com  Login:  Password:  Directory: web

Standard FormsStandard Forms  DW: insert> forms> form  Insert > form > Text field, text area, checkbox, radio button, select  Button  Standard Code

Code from last semester…Code from last semester… mail Subject: Message: ---- save as mail.php in same directory, change $to line <?php $to = $ = $_REQUEST[' '] ; $subject = $_REQUEST['subject'] ; $message = $_REQUEST['message'] ; mail( $to, "Subject: $subject", $message, "From: $ " ); header( 'Location: thanks.html' ); ?>

Classic Form Processing Model  Web Application Development

Form Processing (the PHP)Form Processing (the PHP) Still need the HTML, PHP (slightly modified), and some javascript… messageHandler.php: <?php $username = $_GET['username']; $phoneNumber = $_GET['phoneNumber']; $message = $_GET['message']; $ = $_GET[' ']; // setup the mail headers $subject = 'New contact received through the website'; $to = // <-- put YOUR address here. $from = $ ; $headers = "From: $from". "\r\n". "Reply-to: $from". "\r\n". 'X-Mailer: PHP/'. phpversion(); $body = "New received, details below\n\n"; $body.= "Full name: $username\n"; $body.= " address: $ \n"; $body.= "Phone number: $phoneNumber\n"; $body.= " \n"; $body.= $message; // send the mail if (mail($to,$subject,$body,$headers)) { // redirect use to the thanks page header( 'Location: thanks.html' ); } else { // this should never happen... echo("ERROR"); } ?>

HTML part 1HTML part 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " Contact Form body { font-family: verdana; font-size:12px; } #container { margin:20px 20px 0px 20px; } #contactForm label { color:red; display:block; }

HTML part 2HTML part 2 Contact Me Full Name: Your Address: Phone Number: Your inquiry:

Validation  Almost always done client side (perhaps also server side), with javascript  jQuery simplifies this tedious task  Example: if (jQuery("#username").val() == '') { jQuery("#username").after(' Please fill in your name. '); jQuery("#username").focus(); return false; }

All ValidationAll Validation Add to the section of your HTML jQuery(document).ready(function() { jQuery('#submitButton').click(function() { // remove any error messages jQuery("#contactForm").find('label').remove(); // first validate the form var dotpos=jQuery("# ").val().lastIndexOf("."); if (apos < 1 || dotpos-apos < 2 ) { // address lacks an symbol or a '.' jQuery("# ").after(' Please enter a valid address. '); jQuery("# ").focus(); return false; } if (jQuery("#username").val() == '') { jQuery("#username").after(' Please fill in your name. '); jQuery("#username").focus(); return false; } if (jQuery("#phoneNumber").val() == '') { jQuery("#phoneNumber").after(' Please fill in your phone number. '); jQuery("#phoneNumber").focus(); return false; } if (jQuery("#message").val() == '') { jQuery("#message").after(' Please enter a message. '); jQuery("#message").focus(); return false; } jQuery("#contactForm").submit(); });

Homework  Research form stylizing CSS (customizing the look, color, focus css form forms) – try to make something unusual.  Forms can be beautiful:    Create a contact form that has additional fields than what was shown in this demo, at least 3 additional fields (try to use more than just standard text boxes)  Create a beautiful stylized form with validation, that sends a formatted .  Feb 17 – work time. Due Feb 24. Must post on des170.com because PHP does not work on lehigh’s server. link.