ajax - Django - Ajax 模式登录/注册

Question

我有一个项目，我需要为未经过身份验证的用户弹出一个模式窗口。

此模式将允许直接登录 或 创建一个帐户。

所以它将包含两种形式:

django.contrib.auth.forms.AuthenticationForm

registration.forms.RegistrationForm

这是我对两种形式的看法:

def ajax_registration(request):
    obj = {
        'login_form': AuthenticationForm(),
        'registration_form': RegistrationForm(),
    }
    return render(request, 'common/ajax_registration.html', obj)

我的模板显示了选项卡式的表单

<ul class="nav nav-tabs">
  <li><a href="#tab1" data-toggle="tab">{% trans 'Login' %}</a></li>
  <li><a href="#tab2" data-toggle="tab">{% trans 'Registration' %}</a></li>
</ul>
<div class="tab-content">
  <div class="tab-pane active" id="tab1">
    {{ login_form|bootstrap }}
  </div>
  <div class="tab-pane" id="tab2">
    {{ registration_form|bootstrap }}
  </div>
</div>

问题是:由于我使用 ajax 来显示此模式，如何验证所选表单，最好使用已经写好的 django-registrations register & django.contrib.auth login 意见？

Answer 1

除了 Maddog 的回答之外，您还需要一些 javascript 来将表单提交回呈现表单的 URL。使用 jquery 它可能是这样的:

$('form').submit(function(e){
        e.preventDefault();
        var form = $(e.target);

        $.ajax({
            url: '{% url YOUR_REGISTRATION_URL %}',
            type: 'post',
            data: account_form.serialize() + '&' + form.serialize(),
            error: function(xhr, ajaxOptions, thrownError){ alert(thrownError); },
            success: function(){}
        })
 })

您不需要使用表单提交元素来执行此操作，当然，您可以使用任何带有 $().click() 的元素。