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');
});
});