Learn HTML Forms by Building a Registration Form - Step 29

Tell us what’s happening:
[a-z0-5]{8,} what is the meaning of that format

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Registration Form</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <h1>Registration Form</h1>
    <p>Please fill out this form with the required information</p>
    <form method="post" action='https://register-demo.freecodecamp.org'>
      <fieldset>
        <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" pattern="[a-z0-5]{8,}" required /></label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset>
        <label><input type="radio" name="account-type" id="personal-account"/> Personal Account</label>
        <label><input type="radio" name="account-type" id="business-account" /> Business Account</label>
        <label><input type="checkbox" required id="terms-and-conditions"/> I accept the terms and conditions</label>
      </fieldset>

<!-- User Editable Region -->

      <fieldset></fieldset>
      <input type="submit" value="Submit" />
    </form>
  </body>
</html>
/* file: styles.css */
body {
  width: 100%;
  height: 100vh;
  margin: 0;
  background-color: #1b1b32;
  color: #f5f6f7;
}

label {
  display: block;
  margin: 0.5rem 0;
}

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/112.0.0.0 Safari/537.36

Challenge: Learn HTML Forms by Building a Registration Form - Step 29

Link to the challenge:

I’m not sure how your question relates to the step your on?

You can post in the ‘general’ channel any time and use any heading you like to explain help explain what area your question is for, eg, html, js etc…

This is called a regex or regular expression, and they are used to validate patters in text. So here in this example, the regex is checking the pattern of the password to make sure the password is valid

So the first part [a-z ]means it is going to match any lowercase letter from a to z

The second part is [0-5] and it is going to do the same thing of matching any number from 0 to 5

Then the last part {8,} is the quantifier, and basically what this means is that this specifies how many instances need to be found to find a match. With this number it is saying there needs to be 8 or more instances in the pattern. Here is an example password

Here my password is 8 characters, and because all 8 letters are in the range from a to z and is lowercase then its a match for the requirement
“testpass”

Here is another example. This password would not become a match because there is a capital when the patter is looking for lowercase, and I have a number 9 that is over the 0-5 range. The remaining valid characters do not add up to 8 so it would not pass.
“Tespas9”

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.