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

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

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 😉

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(); } })

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.

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..

event I need this! Did u find the solution?

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

The codes are not working

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"

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

Thank you! 😊

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

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.

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

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

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

@@fidelisitor8953 Thanks bro

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

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

It mean that the error is a Html class

@@JsAcademyOfficial thanks mate.

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.

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'm hungarian :)

@@JsAcademyOfficial Madiyar?

Yes, magyar :)

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

That’s a nice place, welcome abroad!