I followed the instructions and user stories but still doesn't let me pass

<main>
	<section id="header">
		<h1 id="title" align="center">freeCodeCamp Survey Form</h1>
		<p id="description" align="center">
			Thank you for taking the time to help us improve the platform
			</p>
	</section>

	<section id="content">
		<form id="survey-form">
			<label id="name-label" for="name">Name</label>
			<input id="name" type="text" name="name" value="" placeholder="Enter your name">
			<label id="email-label" for="email">Email</label>
			<input id="email" type="email" name="email" value="" placeholder="Enter your email" required minlength="8">
			<label id="number-label" for="age">Age (Optional)</label>
			<input id="number" type="number" name="age" value="age" placeholder="Age" required min="10" max="100">
			<label for="dropdown">Which option best describe your current role?</label>
				<select id="dropdown" name="role" required>
					<option value="" disable selected>Select current role</option>
					<option value="student">Student</option>
					<option value="fullTimeJob">Full Time Job</option>
					<option value="fullTimeLearner">Full Time Learner</option>
					<option value="preferNotToSay">Prefer Not to Say</option>
					<option value="others">Others</option>
				</select>
			<label>Would you recommend freeCodeCamp to a friend?</label><br>
			<div class="radioGroup">
				<input type="radio" id="definitely" name="recommend" value="definitely">	
				<label for="definitely" id="definitely-label">Definitely</label><br>
			</div>
			<div class="radioGroup">
				<input type="radio" id="maybe" name="recommend" value="maybe">
				<label for="maybe" id="maybe-label">Maybe</label><br>
			</div>
			<div class="radioGroup">
				<input type="radio" id="notSure" name="recommend" value="notSure">
				<label for="notSure" id="notSure-label">Not Sure</label>
			</div>
			<br>
			<label for="dropdown">What is your favorite feature of freeCodeCamp</label>
			<select id="dropdown" name="feature" required>
				<option value="" disable selected>Select an option</option>
				<option value="challenges">Challenges</option>
				<option value="projects">Projects</option>
				<option value="community">Community</option>
				<option value="openSource">Open Source</option>
			</select>
			<label for="skill">What would you like to see improved?<label id="label2"> (Check all that apply)</label></label>
			<div class="checkbox">
				<input type="checkbox" name="frontEnd" id="frontEnd" value="frontEnd"> 
				<label>Front-end Projects</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="backEnd" id="backEnd" value="frontEnd">
				<label>Back-end Projects</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="dataVisual" id="dataVisual" value="dataVisual">
				<label>Data Visualization</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="challenge" id="challenge" value="challenge">
				<label>Challenges</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="openSourceCom" id="openSourceCom" value="openSourceCom">
				<label>Open Source Community</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="gitterHelp" id="gitterHelp" value="gitterHelp">
				<label>Gitter help rooms</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="videos" id="videos" value="videos">
				<label>Videos</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="cityMeetup" id="cityMeetup" value="cityMeetup">
				<label>City Meetups</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="wiki" id="wiki" value="wiki">
				<label>Wiki</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="forum" id="forum" value="forum">
				<label>Forum</label>
			</div>
			<div class="checkbox">
				<input type="checkbox" name="additionalCourse" id="additionalCourse" value="additionalCourse">
				<label>Additional Courses</label>
			</div>
			<br>
			<label for="comments">Any comments or suggestions?</label>
			<div>
			<textarea id=comments name="comments" cols="75" rows="7" placeholder="Enter your comments here ..."></textarea>
			</div>
      <button type="submit" name="submit" id="submit">Submit</button>
		</form>
	</section>
</main>

Hi,
Welcome.

It is better if you link your project code.
We don’t know what is wrong with this code and most of us is not a mind-reader :smiley:

1 Like

sorry, I’m new here :joy: :pray:

1 Like

this is the link of my project https://codepen.io/dwiyanass/pen/BaLxEyL
:joy: :pray:

1 Like

Try this:

<input id="name" type="text" name="name" value="" placeholder="Enter your name" required>

HTML should give a validation error when you leave that input empty. You do it by adding required at the end.

Happy coding!

1 Like

Yep, this is exactly right. Worth noting the error messages in the test suite are really helpful for working out what’s wrong:

Name input field should be required : expected false to be truthy

So from there, you have something specific to look up, focusing on these will help you a lot in the projects to come!

2 Likes

yeayy and finally :joy::pray:t2: thanks, I passed the test

Someone’s already given you the answer but in the future, when tests fail click the red button to see which test(s) are failing and text to help you correct the issue.
Be sure and read more than just the first line of the failing message.

This was the failing message you had;

Inside the form element, I am required to enter my name in a field with id="name". If I do not enter a name I will see an HTML5 validation error.
Name input field should be required : expected false to be truthy
AssertionError: Name input field should be required : expected false to be truthy

It tells you why the test failed, what it was looking for and what you could have done to correct it.

1 Like

Thankyou. Now I know how to fix the issue from the error/failing message :blush:

Glad to help.

It’s a good skill to learn how to read, and use, error messages.

2 Likes