Bootstrap 4 с формой проверки во вкладках остановить распространение события - PullRequest
0 голосов
/ 02 апреля 2020

I Bootstrap 4 и я хочу показать навигационные таблетки, где ввод недопустим.

Когда я сохраняю, с одной кнопкой в ​​форме, описание описания не фокусируется, потому что ввод не отображается.

Недопустимый элемент управления формы с именем = 'url' не может быть сфокусирован.

Случается, что событие запускается несколько раз, поэтому таблицы 1 и 3 отображается одновременно.

Можно ли отменить следующее событие, чтобы одна за другой отображалась вкладка?

$('form input').on('invalid', function (event) {
    event.preventDefault();
    event.stopPropagation();

    var element = $(this).closest('div.tab-pane').index();
    $('#nav-tab a:nth-child(' + element + ')').tab('show');
});

Когда я дважды нажимаю кнопку Сохранить, я ' У меня проблема ... И я не могу ее объяснить ...

Как мне избежать этой проблемы?

Здесь JSFiddle с проблемой воспроизведения: http://jsfiddle.net/3cxu8m2a/1/

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...