Constraint Validation Lab

Use the Constraint Validation API with custom messages.

At least two characters.

Use a real email address.

Whole number from 0 to 99.

Form has not been checked yet.

Important JavaScript

if (!email.validity.valid) {
  email.setCustomValidity("Enter a usable email for the roster.");
} else {
  email.setCustomValidity("");
}
form.reportValidity();