Валидация Jquery для многоступенчатой формы

Я новичок в jQuery и понятия не имею, как реализовать некоторую jQuery валидацию на jQuery форме, которую я загрузил.

Следующий код работает, но неправильно, так как он имеет внутри .

Я использую Python Django и ввожу поля с помощью forms.py.

jQuery Validation:

if (typeof horizontalWizard !== undefined && horizontalWizard !== null) {
var numberedStepper = new Stepper(horizontalWizard),
  $form = $(horizontalWizard).find('form');
$form.each(function () {
  var $this = $(this);
  $this.validate({
    rules: {
      username: {
        required: true
      },
      email: {
        required: true
      },
      password: {
        required: true
      },
      'confirm-password': {
        required: true,
        equalTo: '#password'
      },
      'first-name': {
        required: true
      },
      'last-name': {
        required: true
      },
      address: {
        required: true
      },
      landmark: {
        required: true
      },
      country: {
        required: true
      },
      language: {
        required: true
      },
      twitter: {
        required: true,
        url: true
      },
      facebook: {
        required: true,
        url: true
      },
      google: {
        required: true,
        url: true
      },
      linkedin: {
        required: true,
        url: true
      }
    }
  });
});

$(horizontalWizard)
  .find('.btn-next')
  .each(function () {
    $(this).on('click', function (e) {
      var isValid = $(this).parent().siblings('form').valid();
      if (isValid) {
        numberedStepper.next();
      } else {
        e.preventDefault();
      }
    });
  });

$(horizontalWizard)
  .find('.btn-prev')
  .on('click', function () {
    numberedStepper.previous();
  });

$(horizontalWizard)
  .find('.btn-submit')
  .on('click', function () {
    var isValid = $(this).parent().siblings('form').valid();
    if (isValid) {
      alert('Submitted..!!');
    }
  });

}

Я использую Django Framework.

Заранее благодарю за любую помощь или предложение.

Вернуться на верх