3. JavaScript Programming: HTML 5 Client Side Validation

This computer science video is the third in a series of lessons that introduce JavaScript programming. This lesson demonstrates how client side validation can be performed without writing a single line of JavaScript code, thereby putting client side validation with JavaScript in context. It covers the use of HTML 5 specific validation features that can be applied as attributes to HTML form elements. These include required fields, maximum and minimum values for number fields and pattern matching using regular expressions, for example to specify the correct format of an email address. The behaviour of the submit input control is also mentioned.
This series assumes that you already have some familiarity with HTML and have already done some programming in a high level programming language.

[kikawet]

Please consider increase the font size
Thank you for taking the effort into make the videos too they are really interesting even when you already know some of the content

[FreakinKatGaming]

Always keep them malicious users out very true so true. Its wise to pay mind to this man. :D

[davide]

Good presentation. I am wondering, if I want styling to change in real time based on the validation of the inputs do I have to use JS for that or is HTML capable of it? For example, I want green check mark to appear within the input box as soon as a valid input is entered. Possible with HTML and CSS or is JS required to constantly listen to those inputs?

[KeksBln]

E-Mail: The pattern is wrong, I can use more letters, e.g. äöü for the domain. Please do never use own patterns for email, only the official one (which is very long, about a whole page)! And it is much better to use type="email" instead.