2022-05-23 14:21:03 +00:00
---
id: 60f84ec41116b209c280ba91
2022-09-01 18:32:36 +00:00
title: Step 22
2022-05-23 14:21:03 +00:00
challengeType: 0
2022-09-01 18:32:36 +00:00
dashedName: step-22
2022-05-23 14:21:03 +00:00
---
# --description--
Con `type="password"` puoi usare l'attributo `pattern` per definire un'espressione regolare a cui la password deve corrispondere per essere considerata valida.
Aggiungi un attributo `pattern` all'elemento `input` per richiedere la corrispondenza dell'input: `[a-z0-5]{8,}`
Questa è un'espressione regolare che corrisponde a otto o più lettere minuscole o alle cifre da `0` a `5` . Rimuovi l'attributo `minlength` e fai una prova.
# --hints--
Dovresti assegnare all'elemento `input` della password un attributo `pattern` .
```js
assert.isNotEmpty(document.querySelector('input[type="password"]')?.pattern);
```
Dovresti assegnare all'attributo `pattern` il valore `[a-z0-5]{8,}` .
```js
assert.equal(document.querySelector('input[type="password"]')?.pattern, '[a-z0-5]{8,}');
```
Dovresti rimuovere l'attributo `minlength` dall'elemento `input` della password.
```js
assert.equal(document.querySelector('input[type="password"]')?.minLength, -1);
```
# --seed--
## --seed-contents--
```html
<!DOCTYPE html>
2022-08-02 11:46:54 +00:00
< html lang = "en" >
2022-05-23 14:21:03 +00:00
< head >
2022-08-02 11:46:54 +00:00
< meta charset = "UTF-8" >
2022-05-23 14:21:03 +00:00
< title > Registration Form< / title >
2022-08-02 11:46:54 +00:00
< link rel = "stylesheet" href = "styles.css" / >
2022-05-23 14:21:03 +00:00
< / head >
< body >
< h1 > Registration Form< / h1 >
< p > Please fill out this form with the required information< / p >
< form action = 'https://register-demo.freecodecamp.org' >
--fcc-editable-region--
< fieldset >
2022-09-01 18:32:36 +00:00
< label for = "first-name" > Enter Your First Name: < input id = "first-name" type = "text" required / > < / label >
< label for = "last-name" > Enter Your Last Name: < input id = "last-name" type = "text" required / > < / label >
< label for = "email" > Enter Your Email: < input id = "email" type = "email" required / > < / label >
< label for = "new-password" > Create a New Password: < input id = "new-password" type = "password" minlength = "8" required / > < / label >
2022-05-23 14:21:03 +00:00
< / fieldset >
--fcc-editable-region--
< fieldset > < / fieldset >
< fieldset > < / fieldset >
< input type = "submit" value = "Submit" / >
< / form >
< / body >
< / html >
```
```css
body {
width: 100%;
height: 100vh;
margin: 0;
background-color: #1b1b32 ;
2022-08-02 11:46:54 +00:00
color: #f5f6f7 ;
2022-05-23 14:21:03 +00:00
}
label {
2022-08-02 11:46:54 +00:00
display: block;
margin: 0.5rem 0;
2022-05-23 14:21:03 +00:00
}
```
