title
Please take a moment to fill out this form. We will get back to you as soon as possible.
All fields marked with an asterisk (*) are mandatory.
Creating, Styling, and Validating Web Forms
Duration
3 Days
Course
WDHT-230
Available Formats
Classroom Training, Online Training
Course Description
Overview
This course is all about creating and processing web forms. It starts with using the latest HTML standards to create and provide basic validation for an HTML form. It then covers styling forms using CSS including the validation status of form fields. You will then learn to write clean, real-time client-side form validations with JavaScript and regular expressions. Finally, you'll learn to validate forms on the server with Node.js, JSON, and Ajax. This title is not available in hard copy.Objectives
Audience
Students who need to create and process web forms using the latest HTML standards, as well as styling forms using CSS.
Prerequisites
-
Experience in the basics of HTML, CSS and JavaScript.
Topics
1. HTML Forms
- HTML Forms Work
- <form> Tag
- vs. Post
- Elements
- and name Attributes
- Fields
- Input Types
- Attribute
- Fields
- and Time Fields
- Fields
- Fields
- URL, and Email Fields
- and email
- Fields
- Fields
- Button
- Button
- Buttons
- 1: Creating a Registration Form
- Buttons
- 2: Adding Checkboxes and Radio Buttons
- Menus
- Groups
- 3: Adding a Select Menu and a Textarea
- Form Validation
- Form Validation
- Form Data
- Validation with JavaScript
- 4: Checking the Validity of the Email and URL Fields
- Validity on Input and Submit Events
- Error Messages
- dataset Property
- Textareas
- Checkboxes
- Radio Buttons
- Radio Button was Selected?
- Select Menus
- 5: Validating the Ice Cream Order Form
- the User a Chance
- Form Layout
- Pseudo-Classes
- Pseudo-Classes to Forms
- Buttons, Checkboxes, and Fieldsets
- 6: Styling Forms
- Started
- Regular Expression test() Method
- Expression Syntax
- and End (^$)
- of Occurrences (? + *{})
- Characters (. \d \D \w \W \s \S)
- ([])
- (^)
- ( () )
- (|)
- Character (\)
- Matches
- Validation with Regular Expressions
- Up Form Entries
- 7: Cleaning Up Form Entries
- Slightly More Complex Example
- to the Server-side
- is a web server?
- Websites
- Chrome DevTools: Network Tab
- Codes
- to Node.js
- Node.js
- First App
- does npm start do?
- First Web App
- the Server
- Functions
- a Response with HTML
- favicon.ico Icon
- Routing and 404 Pages
- favicon.ico
- - Node.js Web Application Framework
- Middleware
- Files
- 8: Responding from the Root
- a Simple Form
- Validation
- Chaining
- Validators
- 9: Form Validation
- 10: Form Validation with Ajax
- of Object Literals
- in Objects
- in Arrays
- to JSON
- Syntax
- built-in JavaScript JSON Object
- 11: Using JSON
Related Courses
-
HTML, XHTML, and CSS
WDHT-200- Duration: 3 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,755.00 USD
-
New Features of HTML5 and CSS3
WDHT-205- Duration: 2 Days
- Delivery Format: Classroom Training, Online Training
- Price: 1,170.00 USD
Self-Paced Training Info
Learn at your own pace with anytime, anywhere training
- Same in-demand topics as instructor-led public and private classes.
- Standalone learning or supplemental reinforcement.
- e-Learning content varies by course and technology.
- View the Self-Paced version of this outline and what is included in the SPVC course.
- Learn more about e-Learning
Course Added To Shopping Cart
bla
bla
bla
bla
bla
bla
Self-Paced Training Terms & Conditions
??spvc-wbt-warning??
??group-training-form-area??
??how-can-we-help-you-area??
??personalized-form-area??
??request-quote-area??
Sorry, there are no classes that meet your criteria.
Please contact us to schedule a class.
STOP! Before You Leave
Save 0% on this course!
Take advantage of our online-only offer & save 0% on any course !
Promo Code skip0 will be applied to your registration
Nothing yet
Purchase Information
??elearning-coursenumber?? ??coursename??
View Cart