Survey form - User stories #8, #9, #11

1

Hi guys,

I have a problem with user stories 8, 9 and 11 for survey form. I don’t know why really, can someone look at this? What am I missing?

<input type="number" class="form-control" id="age-quantity" min="1" max="1000" placeholder="578" required>

User Story #8: If I enter non-numbers in the number input, I will see an HTML5 validation error.

User Story #9: If I enter numbers outside the range of the number input, which are defined by the min and max attributes, I will see an HTML5 validation error.

User Story #11: For the name, email, and number input fields, I can see placeholder text that gives me a description or instructions for each field.

Here is my pen:
https://codepen.io/a-witek/full/ZEbbJKz

2

To get the tests to pass I changed this;

<div id="number" class="form-group">
  <label id="number-label" for="age-quantity">Your Age</label>
  <input type="number" class="form-control" id="age-quantity" min="1" max="1000" placeholder="578" required>
</div>

to this;

<div class="form-group">
  <label id="number-label" for="number">Your Age</label>
  <input type="number" class="form-control" id="number" min="1" max="1000" placeholder="578" required>
</div>

Edit: Adding an explanation.
It was the preceeding passing test that was throwing you off. That one said “Inside the form, I can enter a number in a field with id=“number””
but where you had that id was not where you were inputting the number which is why the next tests failed.

3

I’ve been trying to fight this problem for two hours today and it turns out it was such a simple mistake.
I moved id and everything works now.
Than you Roma very much for help!

4

Glad to help. Hope the explanation made sense.
Happy coding!

5

I have been stuck in these too, let me try.

and thank youuuu… it’s fixed now