JavaScript Client-side Form Validation

Please can anyone help with making the form submit?

i know this video is 3yo but i do have a super stupid question ^^ . (sorry bad english) , so, thoses security you put on the forms in js , if you were to do some backend on it, you also could put thoses security in the backend. how then do you know where to add them, front or back. would it be entirely up to you to choose?

A lifesaver. Thanl You! :)

Hey Florin

git k link ni mil raha

this is a form validation so we need to send some data to the server but this isn't gonna happen by using the preventdefault methode , any solution ?

Very neat video in terms of the information provided, thank you very much for helping us.

How to disable the hover effect from JavaScript file after limited attempts. Any Idea?

You really helped me with this one! Thank you very much! Your tutorial is awesome!

plesz tell how to show success mesage to another page

nice video. I liked the the design of the form and the logic behind the validation.

am really gratefull

do you also have an example for date of birth (18 years old above) validation?

Will that work after using node js?

I really enjoyed the html-css part which I did not intend to watch at all.

For some reason I can't get the classes to change/update so there's no visual that the validation is working.

Nice! thanks for the tutorial.
I noticed that on submitting, the validated inputs tends to submit even though other inputs ain't validated. Is there a way I can find my way around this?

Thank you so much for this tutorial, I have learned a lot. I can`t figur out how to add a success message to the javascript though. I want to redirect the successful form page to a "thankyou.html" page. Anyone?

How can i close form and display another text ? Like when everything is validate i press submit, form is cloded and in that spot apears another text, like when u subcribe email

I really appreciate this video. It helped me out tremendously with my first JavaScript project which landed me the opportunity to get my first gig as a developer. Keep up the great work!

Great video, thanks!!

Thank you for this video!

Best tutorial a have ever seen) Thank You

awesome

Great 👍👌thanks

Thanks, cool

Thanks a lot.

awesome

awesome, thanks for tutorial

But its no working

It's left to implement the server-side back-end stuff I guess ... And it's all on our own. ;_|
thanks for the tutorial

The Source Code don't Match With the Output Of video This True Or Not ,, Please Replay

Great presentation.

the default google error messages are showing instead of the custom ones i added, idk what i did wrong please help >:(

Thank you for the video sir! You're a legend.
Though, I would like to know something.
To bypass the e.preventDefault() function to make my submit button work, here's an example of what I've done at the end of checkInputs() function :

checkInputs(){
if ( !(usernameValue === ' ') && !(emailValue===' ')&& !(passwordValue === ' ') && !(password2 === ' ') {
isValid = true;
}
return isValid;
}


if (checkInputs() === true ){
FORM.submit();
}

Was this the good way to make it work or is there a better way to handle this form validation?

what editor are you using for your videos? i like the 'auto-update' rendering on the output side!

You always kept the e.preventDefault true which is not letting me submit my form after validating every thing to be True, please help me .. I'm a beginner and I can't fix it. 😞

Amigo. Header is not pronounced "HeaTHer" ...pronounce it like if there was an R in there (or rather a T or even a double TT [Heatter]) => the yankee way

why my icons doesnt seen

Ty

Muy bueno esta esa validacion.. mi pregunta es como lo envio por ajax cuando todo el formulario este validado...de antemano muchas gracias...

Thank you so much

Thank you. I learned a lot.

Elegant code ❤️

Just a suggestion - when you're writing your css you jump up and down the block adding properties. This means that if you're following along, but perhaps a property or two behind, you look up at the screen and the property you've just written is no longer visible (off the bottom of the screen) as you've gone to the top of the style block to write a different property. Can be pretty jarring!

But thanks, great guide!

great job! thanks for sharing!

Isn't it better to loop through input elements and check if one of them doesn't have a value? Instead of making if statements for each of them