Вкладки меню, кнопки «Далее» и «Назад»

0

У меня есть форма с вкладками меню, и каждое меню содержит флажки, поля ввода, кнопки "Следующий" и "Назад" и как отключить функцию щелчка для следующей кнопки и других вкладок меню, когда текущее меню, содержащее поля ввода и флажок, пуст.

JAVASCRIPT: код для следующих и задних кнопок

$(document).ready(function(){
var $tabs = $('.tabs1 li');

    $('#back').on('click', function() {
        $tabs.filter('.active').prev('li').find('a[data-toggle="tab"]').tab('show');
    });
    $('#next').on('click', function() {
        $tabs.filter('.active').next('li').find('a[data-toggle="tab"]').tab('show');
    });

});

JSFIDDLE

  • 0
    Где в вашем коде вы на самом деле проверяете, что ваши поля пусты? Здесь много ответов на вопросы о том, как проверить наличие пустого поля.
  • 0
    да . но я хочу спросить, как отключить следующую кнопку и вкладки меню, когда текущая вкладка меню и поля пусты, как в этой ссылке ue.edu.ph/onlineadmission/main.html в (для новых кандидатов) -> применить
Показать ещё 1 комментарий

1 ответ

0

Самый простой способ выполнить свою задачу - использовать плагин проверки. Поскольку вы используете jQuery, я бы предложил использовать любую из многочисленных библиотек проверки jQuery: http://speckyboy.com/2013/10/16/form-validation-jquery-plugins-libraries/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню