Django - Ajaxモーダルログイン/登録

Question

私は認証されていないユーザーのためにモーダルウィンドウをポップする必要があるプロジェクトがあります。

このモードでは、直接ログインすることができますまたはアカウントを作成します。

だから、それは二つの形式が含まれます：

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

：ここ

• django.contrib.auth.forms.AuthenticationForm
• registration.forms.RegistrationForm

は、私の見解では、フォームの両方を取得することです

とフォームを表示する私のテンプレートが

<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の回答に加えて、フォームをレンダリングしたURLにフォームを送信するためのjavascriptが必要です。 。あなたは要素を提出フォームでそれを行う必要はありません

$('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(){} 
     }) 
}) 

、あなたは$（）で任意の要素を使用することができ、もちろん、）（クリック：jqueryのを使用すると、それはのようなものがある可能性があります。

Answer 2

これは何か？

def ajax_registration(request): 
    login_form, registration_form = False, False 
    if request.method == "POST": 
     if "email" in request.POST: # some condition to distinguish between login and registration form 
      login_form = AuthenticationForm(request.POST) 
      if login_form.is_valid(): 
       # log in 
     else: 
      registration_form = RegistrationForm(request.POST) 
      if registration_form.is_valid(): 
       # register 

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