Как использовать плагин проверки jquery на теге DIV

Question

У меня есть форма с несколькими шагами, как вкладки jquery. Мое намерение состоит в том, чтобы проверить вводимые текстовые поля на одной вкладке, и только тогда пользователь сможет перейти на следующую вкладку. В последней вкладке я хочу отправить форму со всеми данными из предыдущих вкладок.

Как я могу использовать плагин проверки jquery для тегов DIV, чтобы у меня было несколько тегов div в одной форме, и как я могу проверить входной текст в каждом поле div?

Спасибо

Answer 1

Вы можете использовать пользовательские правила и установить свою форму «действительной» для отправки в соответствии с выбранной вкладкой, например:

div 1

• txtName
• txtEmail

div 2

• txtAddress
• txtOther ...

Конфигурация будет следующей:

var tab1Valid = false;
var tabNValid = false;

jQuery.validator.addMethod('Tab1Validator', isFirstTabValid, '*');
jQuery.validator.addMethod('Tab2Validator', isSecondTabValid, '*');
...

 $('#tabsForm').validate({
            onkeyup: false,
            submitHandler: onSaveHandler,
            rules: {
                txtName: { Tab1Validator: '' },
                txtEmail: { Tab1Validator: '' },
                txtAddress: { Tab2Validator: '' },
...
            }
        });

isFirstTabValid: function(value, element, params) {
// validate values accordign 'element' parameter
// return corresponding true/false  
    },

isSecondTabValid: function(value, element, params) {
      if (tab1Valid === false)  {
return true; // we dont need validate other fields if first tab is not valid.
}

// else validate 
    },

ну как то так.Измените как хотите, основная идея здесь

Answer 2

Вы можете временно разместить форму и проверить div в одиночку. После того, как вы добились успеха, вы можете снова удалить форму.