Pessoa, beleza? Então, eu tenho uma div de alerta (aquela do bootstrap) com o display none e visibilidade hidden eu to pegando ela pelo id, tanto no css quanto no javascript, só que não funciona. Ele altera as propriedades do CSS mas ainda envia os dados para o PHP, a validação não está valendo de nada haha. Me ajudem, por favor. esse é um dos inputs que quero validar.
<input type="text" name="pergunta" data-placement="bottom" class="form-control" placeholder="Ex: XXXXXXXXXX?" aria-describedby="basic-addon1">
Essa é a div que eu coloco como hidden por padrão, ela está posicionada abaixo do input:
<div class="alert alert-danger" id="valida_pergunta" role="alert"><span class="glyphicon glyphicon-info-sign"></span> Preencha o campo Pergunta</div>
Quando eu clicar, que quero que ele exiba a div que está como hidden e não envie nada para o PHP.
function validar (){
var pergunta = form_pergunta.pergunta.value;
var resposta = form_pergunta.resposta.value;
var desafio = form_pergunta.desafio.value;
if(pergunta==""){
document.getElementById("valida_pergunta").style.display = "flex";
}
if (resposta == "") {
document.getElementById("valida_resposta").style.display ="flex";
}
if (desafio ==""){
document.getElementById("valida_desafio").style.display = "flex";
}
}