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. Надеюсь, это поможет. Желаю удачи