Survey Form Project #2

I don’t know what I’m missing to complete this test, I’ve been updating the file over and over but still stuck at 14/17.

I would really appreciate if someone could point me to the right direction since CodePen won’t really suggest what may be the issue.

I could position Radio and Checkbox inputs to the left of the text, but haven’t found a way to do so.

If you run the test, and press the red button, It will print out a detailed list of the user stories that were not passed:


Screenshot 2022-04-02 3.40.26 PM

Screenshot 2022-04-02 3.40.32 PM

THE MISSED USER STORIES:


6. If I enter an email that is not formatted correctly, I will see an HTML5 validation error.
15. Inside the form element, I am presented with a at the end for additional comments.'
16. Inside the form element, I am presented with a button with id="submit" to submit all my inputs.

wow thanks so much, it never occurred to me to click there…

You’re the best!

I have reviewed the code over and over, even adjusted some things a bit but I am still stuck at 14/17. The button has the value and ID of submit, I also have a code for the e-mail pattern input and at last I also have a textarea for additional comments… could you advice?
It’s all listed in the code

Yes. It may take me a number of hours to get back to you, however…

Time is just an illusion, I’ll be around.


“Time is an illusion. Lunchtime doubly so.” - Hitchhiker's Guide

Hi @myztikko !

Welcome to the forum!

The key to passing the remaining tests is to read the full error messages very carefully.

Reread this part of the error message again.
Email field should be HTML5 validated : expected ‘text’ to equal ‘email’

When I look at your code, you wrote this

            <input id="email" placeholder="Enter your e-mail" type="text" pattern="/^[a-zA-Z0-9.!#$%&'*+/=?^_`{|}~-]+@[a-zA-Z0-9-]+(?:\.[a-zA-Z0-9-]+)*$/" required>

Pay close attention to this part here

 type="text"

But the error message is looking for an email type.

When I fix that then that test passes.
Screen Shot 2022-04-02 at 8.27.45 PM

Go through the other two failing error messages, and reread through the full message.
It will give you hints as to what is wrong and how to fix it.

Hope that helps! :slight_smile:

Thanks for the warm welcome! wow your response was great, I figured out two of them, but I am wondering something… What does it means for textarea 0 to be equal 1? I mean, there is one textarea and I added a min=“1” also just in case

Carefully reread through this part of the error message.

There should be at least 1 <textarea>

Now look at what you wrote here

<input type="textarea" id="textarea" placeholder="Additional Comments">

You are using the wrong html element.

Once you use the correct html element for textarea then that test will pass.

Hope that helps!

That totally went over me, you rock J!