HTML5 with JavaScript & CSS3: Advanced Input Validation

Visual Studio 2017    |    Intermediate
  • 10 videos | 27m 17s
  • Includes Assessment
  • Earns a Badge
Rating 4.6 of 64 users Rating 4.6 of 64 users (64)
Explore the advanced HTML5 and JavaScript feature that can be used for client-side input and form validation, including how to validate textual, numeric, and date input data.

WHAT YOU WILL LEARN

  • Work with the html5 autofocus, autocomplete, required, and placeholder attributes
    Use the html5 pattern attribute and use regular expressions to limit data entry for a field
    Use the html5 number attributes max, min, and step to control numeric data entry into a field
    Use styling to let a user know when a field is required and if the data entered is valid
    Validate textual data entered into a field
  • Validate numeric data that is entered into a field
    Validate date and time data that is entered into a field
    Working with validation concepts that can be used for password validation
    Use the onsubmit form attribute to validate all data before allowing a form to submit
    Use html5 and javascript to provide client side input validation

IN THIS COURSE

  • 2m 17s
    In this video, you will learn how to work with the HTML5 autofocus, autocomplete, required, and placeholder attributes. FREE ACCESS
  • 1m 26s
    In this video, you will learn how to use the HTML5 pattern attribute and regular expressions to limit data entry for a field. FREE ACCESS
  • Locked
    3.  Using the HTML5 Number Attributes
    1m 48s
    In this video, find out how to use the HTML5 number attributes max, min, and step to control numeric data entry into a field. FREE ACCESS
  • Locked
    4.  Styling Input Fields Based on Input Attributes
    3m 2s
    In this video, learn how to use styling to let a user know when a field is required and if the data entered is valid. FREE ACCESS
  • Locked
    5.  Validating Textual Input Data
    2m 36s
    In this video, you will learn how to validate textual data entered into a field. FREE ACCESS
  • Locked
    6.  Validating Numeric Input Data
    1m 49s
    During this video, you will learn how to validate numeric data that is entered into a field. FREE ACCESS
  • Locked
    7.  Validating Date Input Data
    2m 27s
    In this video, you will validate date and time data that is entered into a field. FREE ACCESS
  • Locked
    8.  Working with Password Validation
    3m 57s
    In this video, you will learn how to work with validation concepts that can be used for password validation. FREE ACCESS
  • Locked
    9.  Using the onSubmit Attribute
    2m 9s
    In this video, find out how to use the onSubmit Form attribute to validate all data before allowing the form to submit. FREE ACCESS
  • Locked
    10.  Exercise: Input Validation with HTML5 and JavaScript
    5m 47s
    In this video, you will use HTML5 and JavaScript to provide client-side input validation. FREE ACCESS

EARN A DIGITAL BADGE WHEN YOU COMPLETE THIS COURSE

Skillsoft is providing you the opportunity to earn a digital badge upon successful completion on some of our courses, which can be shared on any social network or business platform.

Digital badges are yours to keep, forever.

YOU MIGHT ALSO LIKE

Channel JavaScript with ECMAScript 2015+ Bootcamp
Rating 5.0 of 1 users Rating 5.0 of 1 users (1)
Book Professional JavaScript for Web Developers, Fifth Edition
Book Essential TypeScript 5, Third Edition

PEOPLE WHO VIEWED THIS ALSO VIEWED THESE

Course HTML5 with JavaScript & CSS3: APIs & Data Storage
Rating 4.1 of 44 users Rating 4.1 of 44 users (44)
Course JavaScript Front-end Development: Development Basics
Rating 4.3 of 125 users Rating 4.3 of 125 users (125)
Course Creating Styles & Styling Text
Rating 4.5 of 64 users Rating 4.5 of 64 users (64)