From ab256b2156755d57f37d7ab75272fdd8ec3b9b89 Mon Sep 17 00:00:00 2001 From: Estefania Cassingena Navone <85124911+estefaniacn@users.noreply.github.com> Date: Fri, 7 Mar 2025 08:14:46 -0400 Subject: [PATCH] chore(curriculum): update form validation lecture and transcript (#59174) --- .../lecture-working-with-forms/672a4ce6dab9eb735828b48b.md | 7 +++---- 1 file changed, 3 insertions(+), 4 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md b/curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md index 27c58b2fa23..37bdd7cb12b 100644 --- a/curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md +++ b/curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md @@ -2,7 +2,7 @@ id: 672a4ce6dab9eb735828b48b title: What Is Client-Side Form Validation in HTML Forms, and What Are Some Examples? challengeType: 11 -videoId: isHriKH6a34 +videoId: Mt-e0DpxGXE dashedName: what-is-client-side-form-validation-in-html-forms --- @@ -34,7 +34,7 @@ One common example of built-in form validation is to use the `required` attribut When the user clicks on the `Submit Form` button without supplying an email address, they will be alerted that the field is required and the form will not be submitted. Each browser will have its own set of styles for showing this alert message. Another advantage of using the email input, is that email inputs have some basic validation to ensure correctly formatted email addresses. It is important to note that browsers only check for basic validation for standard email addresses. It is up to you to add additional layers of validation, which you will learn about in later modules. -Other forms of validation for email inputs are to use the `size`, `minlength` and `maxlength` attributes. Here is an example using the extra validation: +Other forms of validation for email inputs are to use the `minlength` and `maxlength` attributes. Here is an example using the extra validation: ```html
``` -The `size` attribute is used to set the physical size for the input container. The `minlength` and `maxlength` attributes are used to set the minimum and maximum length in characters for the email input. If you don't include the minimum length or exceed the max length of characters, the browser will show an alert message. +The `minlength` and `maxlength` attributes are used to set the minimum and maximum length in characters for the email input. If you don't include the minimum length or exceed the max length of characters, the browser will show an alert message. # --questions--