Eu tenho um pequeno problema.Eu tenho um formulário e meu js o valida. Então, eu preciso enviar o formulário se a validação for bem-sucedida e evitar o envio se a validação não for bem-sucedida. Tentei usar addEventListener (enviar, função). Mas não sei fazer isso. Qual é a melhor maneira de fazer isso sem usar JQuery?
Respostas:
0 para resposta № 1Chame sua função usando o evento onsubmit:
<!DOCTYPE html>
<html>
<head>
<script>
function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
{
alert("First name must be filled out");
return false;
}
}
</script>
</head>
<body>
<form name="myForm" action="demo_form.asp" onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
</body>
</html>
0 para resposta № 2
Supondo que você tenha um formulário com um nome, você pode chamar submit de javascipt ou não chamá-lo se a validação não for aprovada:
//HTML
<form name="myform">
......
</form>
//JS after validation checks, you set validation_errors = true or false
if validation_errors:
document.forms["myform"].submit();