Pra resolver isso, basta mudarvamos seguir as boas práticas e executar todo nosso JS quando o onclick
para onsubmit
DOM estiver pronto.
Dai sua função validar
agora recebe um parâmetro
Pra isso:
window.onload = function(){
//Código aqui
}
Primeira coisa que devemos fazer é o evento sendo disparado. Comter acesso ao eventobotão e ao formulário, basta dar umpara isso vamos criar duas variáveis:
var button = document.getElementById("enviar");
var form = document.getElementById("form_pergunta");
(Não se esqueça de colocar o id="enviar" la no botão HTML)
Com acesso a isso, podemos executar uma função a cada vez que o botão for clicado, para isso vamos usar o preventDefaultaddEventListener()
.
Ficaria mais ou menos assim no botão e colocar a seguinte lógica: CASO A FUNÇÃO VALIDAR RETORNE VERDADEIRA, DÊ UM SUBMIT NO FORMULÁRIO.
<inputbutton.addEventListener("click", type="submit"function(e){
class="btn btn-primary btn-lg" onsubmit="validarif(validar(form)") value="Enviar"/>form.submit();
});
Dai no JS ficaria assim:Agora vejamos a função validar. Esta irá receber um parâmetro que é o próprio formulário que recuperamos acima.
function validar (eform_pergunta){
var pergunta = eform_pergunta.preventDefaultpergunta.value;
var resposta = form_pergunta.resposta.value;
var desafio = form_pergunta.desafio.value;
var passou = true;
if(pergunta=="");{ //Não
irá maisdocument.getElementById("valida_pergunta").style.display submeter= o"flex"; formulário
para o backendpassou = false;
}
if /*(resposta == "") {
document.getElementById("valida_resposta").style.display ="flex";
RESTO DOpassou CODIGO= false;
}
if (desafio ==""){ */
document.getElementById("valida_desafio").style.display = "flex";
passou = false;
}
return passou;
No entanto, após executar as validações, você quer submeter o formulário.
Para isso, basta usar a função submit()
presente no objeto de form.}
form_pergunta.submit()
Dessa forma deve funcionar.