Feedback on Survey Project - Code Hour Survey

Hello campers, I just completed Survey Project on Responsive Web Design. I will greatly appreciate any feedbacks. Link to Code Hour Survey

1 Like

Nicely designed form. Add validations for Name, Email. I got an error when I entered 2 numbers (ex: 33) in Mobile Number field and submitted completely filled form.

image

Keep it up :slight_smile:

1 Like

Thanks for the review :pray:… Currently on it

1 Like

:ballot_box_with_check: validation completed – This fix was also an eye opener – added a descriptive placeholder on mobile number field.

:stop_sign: could not perfectly handle error on submission but error page doesn’t come up anymore(blank white page is shown instead) – I’m sure JS can help out but i just want to keep the project focused on HTML5 and CSS3 (might update project after taking FCC Javascript Courses)

Any recommendations please

I’m trying to change the validation message displayed on mobile number input field( current message is not user friendly at all). Is there anyway to set the custom message using HTML or CSS ?

1 Like

Yes, there is a way to display custom message.

<input type="text" id="username" required placeholder="Enter Name"
    oninvalid="this.setCustomValidity('Please Enter Your 10 Digit Mobile Number')"
    oninput="this.setCustomValidity('')"  />

I hope it helps :slight_smile:

Thanks – indeed very helpful.

Just updated code base and i’ve been able to get custom message to display.
:+1: thank you

1 Like