Django кнопка submit не работает после использования кода javascript

Это моя страница регистрации. Когда код html-тега script testscript.js удален или закомментирован, кнопка register работает отлично, но когда я ввожу testscript.js, кнопка register как бы отключается. Поэтому я думаю, что проблема в коде javascript, потому что это единственная часть кода, которая блокирует работу кнопки регистрации.

Вот мой исходный код:

views.py:

def registration(request):
    form = CustomUserCreationForm()
    print("Working Form")

    if request.method == 'POST':
        form = CustomUserCreationForm(request.POST)
        print("Form Submitted")
        if form.is_valid():
            form.save()

    context = {'form' : form}
    return render(request, 'activities/index.html', context)

index.html:

testscript.js:

$(function () {
  $(document).scroll(function () {
    var $nav = $(".fixed-top");
    $nav.toggleClass('scrolled', $(this).scrollTop() > $nav.height());
  });
});

$(document).ready(function() {
    var panelOne = $('.form-panel.two').height(),
      panelTwo = $('.form-panel.two')[0].scrollHeight;
  
    $('.form-panel.two').not('.form-panel.two.active').on('click', function(e) {
      e.preventDefault();
  
      $('.form-toggle').addClass('visible');
      $('.form-panel.one').addClass('hidden');
      $('.form-panel.two').addClass('active');
      $('.form').animate({
        'height': panelTwo
      }, 200);
    });
  
    $('.form-toggle').on('click', function(e) {
      e.preventDefault();
      $(this).removeClass('visible');
      $('.form-panel.one').removeClass('hidden');
      $('.form-panel.two').removeClass('active');
      $('.form').animate({
        'height': panelOne
      }, 200);
    });
  });

styles.css:

Я знаю, что это слишком долго, но я надеюсь, что у кого-то есть решение для этого. Спасибо!

Кнопка Django, которая не работает после использования кода javascript, не работает потому, что в Js-коде используется div с формой-панелью, тогда как кнопка находится в том же теге (форма-панель). Попробуйте удалить div с кнопкой и поместить его вне основного div. Надеюсь, это поможет. Желаю удачи

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