HTML validation error

HTML-CSS
1

I’m having trouble with User Story #6:" If I enter an email that is not formatted correctly, I will see an HTML5 validation error " in Responsive Web Design Projects - Build a Survey Form. How do I do this??

3

sure! warning, its a little messy :sweat_smile:

1 Like
5

Ok thanks! but what is the test script?

7

Ok, I have added the link to my JS module’s pen settings. Nothing has happened. Did I do it right? Is anything suppose to happen?

9

hamburger menu?? What and where is that?

10

Oh. Never mind I found it. Thank you so much for all your help!!! :slightly_smiling_face::hugs:

12

please can you tell me where this menu ?

13

Ok, it’s working know.

14

you must give “email” as input type.
…
like this

1 Like
15

Hi Randell,

I am having the exact same issue. I have done everything you said, but I’m still getting the error for #6.

I’ll attach the link to my project. Could you please tell me if anything is wrong?

Thank you so much!

16

Randell,

I GOT IT!! I looked into Booklion’s HTML and made one change to “input type”:

<div class="form-group">
      <label id="email-label" for="email">Email</label>
      <input
             type="email"
             name="email"
             id="email"
             class="form-control"
             placeholder="Enter your email"
             required
             />
    </div>

Before, I was using “input type=“text””. I actually put “type=text” because the sample survey form was using “text” for it. Can I ask why the sample was using “type=text” and not “type=email”? What’s the difference?

1 Like
17

The difference is that the browser will be so kind and validate the entered data before letting you click the submit button. If someone enters myemail@provider or myemail/provider.com, the browser won’t let them send the data, because those aren’t valid email addresses. For inputs with type=text, there is no such validation. The user can enter whatever he wants.

The sample btw does use type=email, assuming that you’re referring to this codepen: https://codepen.io/freeCodeCamp/pen/VPaoNP

1 Like
18

jsdisco,

Ah I see. I understand now. Thank you so much!

Yes, I was referring to that codepen. It does say type=“email”… I might have seen it wrong, my apologies. Thank you again!

19

Hey @camperextraordinaire i am having problems with that test script because whenever i run it with my survey form it grades it based on the Tribute Page user stories.

can you please assist me with that one please because i wanna move on from this project

20

Hey never mind i got it!