专注于另一个标签中的必填字段

Question

我已经构建了一个分隔3个标签的表单，在此表单中是必填字段。

在提交时，如果在当前选项卡上，html5验证会捕获错误，但我想使用一些jquery来重新关注正确的选项卡和尚未填写的输入字段并显示警告框。我不确定这是否可行..

页面上只有一个表单。

$('#btt_salva').click(function () {
$('input:invalid').each(function () {
    alert("aaaaaaaaaaaa");
    // 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

});

}）;

我使用这个javascript函数，它适用于所需的TEXT字段，但不适用于组合框（选择）。