Product landing page unable to submit form

HTML-CSS
1 
I've been diagnosing the problem for hours now trying to submit the form by looking at other similar posts like this on forums and checking my code repeatedly but it seems I still can't pinpoint the problem. Can my fellow FCC please assist me in my problem? :slight_smile: 

This is the code: 

<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<div id="container">
<header id="header">

 <img src="https://i.pinimg.com/originals/b0/d7/e1/b0d7e1b5aa7fabb42bc1d622a1bedbc5.jpg" id="header-img">
  <div>
 <nav id="nav-bar">
   <a href="#email" class="nav-link">Get Started</a>
   <a href="#" target="_blank" class="nav-link">TV</a>
   <a href="#" target="_blank" class="nav-link">Products</a>
  </nav>
  </div>
  <h1>High quality Tech products</h1>
</header>
 <form action="https://www.freecodecamp.org/email-submit" id="form">
   <div class="email-box">
   <label for="email">Email: </label>
    <input type="email" id="email" placeholder="Enter your email here.." required>
   </div>
   <div id="submit-box">
   <input type="submit" id="submit" name="submit">
   </div> 
  </form>
</div>

product%20landing%20page
product%20landing%20page1910Ă—956 205 KB

1 Like
2

Could you post the link to the pen? It would be easier to see what the issue is

3

for some reason it wouldn’t let me paste the link. it says i need to use fcc more first.

://codepen.io/Gerwyn/pen/MRPzqV

I removed the https at the front so u have to put it urself.

4

Seems like you fixed it?

5

No. It still don’t work. you can try accessing my codepen too if you want. put a random email in the text field and click submit. it wont submit the form.

6

I’m able to submit the form when I enter my email. However, it appears to be submitting to a different domain than the one required by the tests. Your form should have an action="https://www.freecodecamp.org/email-submit" like you had originally, in order to pass the tests.

7

chuck i edited my codepen by accident to test stuff. if i submit to the fcc mock url it won’t work actually. so i can’t pass the test. so technically, the problem isn’t fixed. i tried other random urls works but not the mock url.

edit: ok you can go back to my codepen, you can try submitting the form to the mock url. it won’t work. it will say “freecodecamp refuse to connect”

8

Everyone gets that refuse to connect error but test #12 will still pass.

9

but its still red with a cross meaning fail. just to confirm, does having a red with a cross considered pass in this case #12

10

I opened your codepen and ran the tests and #12 passed.

Work on the other tests that have failed.

Screenshot%20(21)

2 Likes
11

And to be clear, I see the same as @RadDevDad. Test #12 passes in codepen

1 Like
12

@RadDevDad @Roma It says pass now. That’s really weird but thank you guys for trying to help!

2 Likes