Estou tentando usar uma validação em um formulário que tenho usando Javascript, mas não está dando muito certo, o que estou tentando fazer é isso:
Defini uma div assim:
<style type="text/css">
.msg-erro{ color: red; }
</style>
No meu input coloquei um <span>
dessa forma:
<div class="col-md-12 col-sm-12">
<label>Empresa *</label>
<input type="text" id="Empresa" name="Empresa" value="" class="form-control required">
<span class='msg-erro msg-empresa'></span>
</div>
E no momento da gravação do registro está assim:
// RECUPERA VARIÁVEL DO CAMPO HIDDEN var IdCandidato = $("#pk").val(); // RESGATANDO VALORES var Empresa = $("#Empresa").val(); var Cargo = $("#Cargo").val(); var DataEntrada = $("#DataEntrada").val(); var DataSaida = $("#DataSaida").val(); var UltimoSalario = $("#UltimoSalario").val(); var Atividades = $("#Atividades").val(); var contErro = 0; /* Validação do campo nome */ MsgEmpresa = document.querySelector('.msg-empresa'); if (Empresa.value == ""){ MsgEmpresa.innerHTML = "Favor preencher a Empresa"; MsgEmpresa.style.display = 'block'; contErro += 1; } else { MsgEmpresa.style.display = 'none'; } if(contErro > 0){ evt.preventDefault(); }
Mas a mensagem não está sendo exibida e o formulário é submetido.
O layout do formulário está assim: