That’s really great to hear! I’m glad I could help 😉

Great to hear that! 😊

Thanks for the kind words Shanky! A few more videos are in progress, in the meanwhile you can check my other videos on javascript 😉

Thanks for the feedback! It would be great to create a crash course, unfortunalely I don’t have time to create it now (this year), but it is definetely on my list now.

We are waiting for it..

Thank you! 😊

You can use the action attribute of the form element or you can send an xmlhttprequest to any backend endpoint

Yes. Please do you know how to override the preventDefault if all requirements is reached? .

form.addEventListener('submit', (e) =>{ var flag = 1; if(name.value === ''){setError(name, "Username is required"); flag=0; }else{setSucces(name)} if(email.value === ''){setError(email, "email is required"); flag=0; }else{setSucces(email)} if(password.value === ''){setError(password, "Password is required"); flag=0; }else if(password.value.length < 8){setError(password, "Password must be atleast 8 charecter"); flag=0; }else{setSucces(password)} if(password2.value === ''){setError(password2, "Please confirm password"); flag=0; }else if(password.value != password2.value){setError(password2, "Password should be same"); flag=0; }else{setSucces(password2)} if(flag === 0){ e.preventDefault(); } })

Feel feee to check the source code in the description, there must be a typo in your code

Don't know if you found a solution yet, but in your HTML, your form tag, just delete everything else in there and use only id="id name"

you mean the validateInputs(); bellow the submit functionality

How to solve this issue..

@@uhk2150 did you solve it please ?

Just put the 'defer' key word in the script tag that will solve the problem

@@mihrettekalgn9492 can you please explain to me where to put it specific

the spacing was added from the height of the .error div

@@fidelisitor8953 Thanks bro

I know it's been 2 months but... You just assign the attribute Onclick = yourfunc()

@@bzoxx Thank! but what if we didn't fill the form already and then click on button.

you don't need to worry about validating radio buttons ant select list. users can only select from the options you've predefined upon creating

did you find a solution please .?

if (document.querySelectorAll('.success').length === 4) { // submit the form form.submit(); } // You can submit the form if all the inputs are valid by adding a line of code after the validation checks inside the validateInputs function.

form.addEventListener('submit', (e) =>{ var flag = 1; if(name.value === ''){setError(name, "Username is required"); flag=0; }else{setSucces(name)} if(email.value === ''){setError(email, "email is required"); flag=0; }else{setSucces(email)} if(password.value === ''){setError(password, "Password is required"); flag=0; }else if(password.value.length < 8){setError(password, "Password must be atleast 8 charecter"); flag=0; }else{setSucces(password)} if(password2.value === ''){setError(password2, "Please confirm password"); flag=0; }else if(password.value != password2.value){setError(password2, "Password should be same"); flag=0; }else{setSucces(password2)} if(flag === 0){ e.preventDefault(); } })

It should be up I’ve just tested it. Please try it like this: www.javascriptacademy.dev

I’m planning to release a tutorial about it soon, you have some options in the form you can set the action which accepts a url and then you need to have a backend configured to handle the data from your form

The form will not submit until you add the submit functionality below the validateInputs(); function.

@@realitystevens Okay, but what if your using php for the backend and want to actually submit for it to work, I guess its better to use something else

Don't use the prevent submit function in the java script, instead run the function from the form, by adding onsubmit="return validateForm()", by that the form will be submitted if the function returns true

@@chrischti works!! Thank you perfect

I found the solution. submit() is a method. It will just eleminate preventDefault and just submit the form.

Hi, do u finally got this?? explain me pls!

The codes are not working

It mean that the error is a Html class

@@JsAcademyOfficial thanks mate.

Correct is: let y = document.getElementById('onoma').value

Yes we want to know ?

i want to know how too

Don't use the prevent submit function in the java script, instead run the function from the form, by adding onsubmit="return validateForm()", by that the form will be submitted if the function returns true

@@chrischti this not working

how to submit if validations are true....

I'll release a tutorial soon where I'll show you how you can submit the form and process it on the server-side (nodejs). Stay tuned.

нет, I'm hungarian :)

@@JsAcademyOfficial Madiyar?

Yes, magyar :)

@@JsAcademyOfficial I'm Kazakh. Kazah vagyok:)

That’s a nice place, welcome abroad!