Skip to main content
3 de 5
título editado
Mariana
  • 2,5mil
  • 3
  • 24
  • 66

Fuction Jquery para selecionar tab com campos required não preenchidos

Utilizo a tab do bootstrap e o required do dataannotations, porém acontece o seguinte, não da pra saber os campos do required, quando não está na tab dele, por exemplo, estou na tab 1, e concluo, porém na 2 campos com required não estão preenchidos, não da pra saber, eu gostaria que fosse para tab onde os campos com required não foram preenchidos.

Eu tentei este código, tanto no submit e com o click do button, porém não funcionou:

$('#btnConcluir').click(function () {
        $('input:invalid').each(function () {
            // Find the tab-pane that this element is inside, and get the id
            var $closest = $(this).closest('.tab-pane');
            var id = $closest.attr('id');

            // Find the link that corresponds to the pane and have it show
            $('.nav a[href="#' + id + '"]').tab('show');

            // Only want to do it once
            return false;
        });
    });

Tentei este aqui também:

 $('#btnConcluir').click(function () {
        console.log('entrou');
        $(':required:invalid', '#FornecedorNovo').each(function () {
            var id = $('.tab-pane').find(':required:invalid').closest('.tab-pane').attr('id');

            $('.nav a[href="#' + id + '"]').tab('show');
        });
    });
Mariana
  • 2,5mil
  • 3
  • 24
  • 66