13. JS Forms

Módulo 1 · Mídia Course's Objectives
Módulo 2 · Mídia Forms
Módulo 3 · Mídia Reset and Submit
Módulo 4 · Mídia Input Attributes
Módulo 5 · Mídia Validate a basic form
Módulo 6 · Mídia Checkvalidity
Módulo 7 · Mídia Invalid Event Você está aqui
Módulo 8 · Mídia Validity
Módulo 9 · Mídia Custom error messages
Módulo 10 · Mídia Form Pseudos
Módulo 11 · Mídia Validate the cv App
Módulo 12 · Mídia Validating string
Módulo 13 · Mídia Regex
Módulo 14 · Mídia The telephone number pattern
Módulo 15 · Mídia Literal
Módulo 16 · Mídia Alternatives Regex
Módulo 17 · Mídia Alternatives and optionals
Módulo 18 · Mídia The Mohammed's Name problem
Módulo 19 · Mídia Metacharacters
Módulo 20 · Mídia Character Sets
Módulo 21 · Mídia Quantifiers
Módulo 22 · Mídia Full name regex problem
Módulo 23 · Mídia Validate Password pattern
Módulo 24 · Mídia Validate German cellphone number
Módulo 25 · Mídia Validate email address
Módulo 26 · Mídia Check Valid Url address
Módulo 27 · Mídia Boundary
Módulo 28 · Mídia Who loves bears?
Módulo 29 · Mídia Match
Módulo 30 · Mídia Modifiers
Módulo 31 · Mídia Facebook vs Twitter
Módulo 32 · Mídia The Pattern attribute
Módulo 33 · Mídia Form Attributes

Fechar o curso

Módulo 7 de 33 · Mídia

Invalid Event

Kostas Diakogiannis

The invalid event

The invalid event is a unique event to html DOM form input fields. It is triggered any time the checkValidity() functions returns a false boolean value (see a slide below). Inside this event we can specify and define a set of actions that are going to happen any time a field contains an invalid data.

Thus we can use the setCustomValidity() function to create a custom useful error message to the user and avoid giving him the standard default message from browser (preventDefault() is necessary to avoid this before doing anything further).

Invalid Event

13. JS Forms

Instruções

Fale Conosco

O que você acha do novo visual?