My Survey Form Project Feedback

Code Feedback
1

Hi All,

I have just completed the Survey Form Project and would love some feedback on it.

I completed the task using HTML, Bootstrap, CSS and jQuery.

https://codepen.io/emcevoy/pen/MRevZx

Thanks

Edward

2

Looks pretty good! Here are few suggestions.

  • Give your #form-header bigger margin top.
  • On tablet view. Type of trip input icon stretches towards bottom and spills out.
  • On iphone5/SE view, text in the button overflow to the right. Also a vertical scroll bar is created.

Cheers :clap:

3

You form indicates that ‘name’, ‘email’ and ‘room number’ are required but if I click on Submit Form I get a success message that says “Thank You For Your Feedback”. There’s nothing indicating that I haven’t filled out the required fields.

codepen provides validators for HTML, CSS and JS. Click on the arrow in the upper right and then the respective ‘Analyze’ link. There’s a couple of things you can clean up in HTML and CSS.

Looks good though.

4

Hi,

Thank you for your feedback, it was very constructive.

I have increased the margin and the issue with the button but I am still working on the input icon stretching issue. Not quite sure why it is happening to that input field.

Thanks again,

Eddie

5

Hi Roma,

Thank you for your feedback. It was very good.

I think I have fixed the issue with the alert occurring even though the required fields were blank.

I had the alert triggering on a click event when the submit button was pressed. This was bypassing the form validation. I have changed the alert to trigger on a submit event using the form id.

Thanks once again and glad you thought the form looked well.

Eddie