Validar campos em JavaScript
Saudações amigos...
Espero que possam me ajudar...
Eu tenho um formulário de contato, onde existe a opção de mostrar a div com os campos dependendo da seleção que for feito em um SELECT, só que o problema, é que os campos são obrigatórios, mas eu não posso usar o HTML com o required, porque, dependendo for a seleção, somente os campos MOSTRADOS deverão ser preenchidos... acho que consegui explicar...
o JS está abaixo... eu quero implementar dele o required, usando o mesmo padrão do HTML5, como se ele estivesse mesmo como parâmetro no input.
$(document).ready(function () {
$('#completo').css('display', 'none');
$('#incompleto').css('display', 'none');
$('#estagio_nivel').change(function () {
if ($('#estagio_nivel').val() === "1") {
$('#incompleto').hide('slow');
$('#pos').hide('slow');
$('#completo').show('slow');
} else if ($('#estagio_nivel').val() === "2") {
$('#completo').hide('slow');
$('#pos').hide('slow');
$('#incompleto').show('slow');
} else if ($('#estagio_nivel').val() === "3") {
$('#completo').show('slow');
$('#pos').hide('slow');
$('#incompleto').hide('slow');
} else if ($('#estagio_nivel').val() === "4") {
$('#completo').hide('slow');
$('#pos').hide('slow');
$('#incompleto').show('slow');
} else if ($('#estagio_nivel').val() === "5") {
$('#completo').hide('slow');
$('#incompleto').hide('slow');
$('#pos').show('slow');
} else if ($('#estagio_nivel').val() === "6") {
$('#completo').hide('slow');
$('#pos').hide('slow');
$('#incompleto').show('slow');
}
if ($('#estagio_nivel').val() === "") {
$('#incompleto').hide('slow');
$('#completo').hide('slow');
$('#pos').hide('slow');
}
});
$('#estagio_nivel').change();
});
Como isso pode ser feito? GratoDiscussão (4)
Carregando comentários...