Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

renan.miranda

Validar campos em JavaScript

Recommended Posts

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? Grato

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Dê o atributo required via javascript.

Compartilhar este post


Link para o post
Compartilhar em outros sites
$('#pos').attr('required', 'required');

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.