CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-19 21:09:51 +08:00
Code Issues Actions 7 Packages Projects Releases Wiki Activity

chore(curriculum): update form validation lecture and transcript (#59174)

Browse Source
This commit is contained in:
Estefania Cassingena Navone 2025-03-07 08:14:46 -04:00 committed by GitHub
parent 28b8555ab7
commit ab256b2156
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
curriculum/challenges/english/25-front-end-development/lecture-working-with-forms/672a4ce6dab9eb735828b48b.md
View File

@ -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
<form action="">
@ -44,7 +44,6 @@ Other forms of validation for email inputs are to use the `size`, `minlength` an
type="email"
name="email"
id="email"
size="32"
minlength="4"
maxlength="64"
/>
@ -52,7 +51,7 @@ Other forms of validation for email inputs are to use the `size`, `minlength` an
</form>
```
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--