Survey update plz rate

how do you make a feild show a error sign . i made it a required field but its still says to make it reqiured any thoughts…

https://codepen.io/edgargenius/pen/qzMwWg

thanks guys…and how does it look…

well, you did the required thing right. If you know jquery and want something alerted, try this:
$("#submit").on("click",function(){ if( $("#name").length <= 0){alert("name required");} });

@edgargenius Nice. I like the color combination of you page.
Here are a few tips:

  • the ‘title’ and ‘description’ text are hard to read due to it getting camouflaged into the background.
  • a div with the class of div is not the greatest name for a class.
  • the div with the class div has the width of 50% for the desktop view but in mobile view it should be much wider. You can fix it by adding media queries.

@edgargenius, a few things you should revisit;

  • codepen only expects the code you’d put within the <body> </body> tags in HTML. (No need to include the body tags). For anything you want to add to the <head> click on the ‘Settings’ button and add it into the ‘Stuff for <head>’ box.
  • codepen provides validators for HTML, CSS and JS. Click on the down arrow in the upper right of each section and then click on the respective ‘Analyze’ link. In HTML you have invalid elements. You can’t make up your own.
  • your form passes 13/17 of the user stories. When one fails, click on the red button and read the failure message. For instance, you made the name field required but they ask for it to have a specific id.
  • don’t use the <br> element. Use margin and or padding in CSS to do your styling.
  • learn to use the <label> tag correctly. Users should be able to click on the checkbox or the label name.
  • change the cursor to a pointer when hovering over the Submit button.