Django - Ajax accesso/registrazione modale

Question

Ho un progetto in cui ho bisogno di pop una finestra modale per gli utenti non autenticati.

Questa modal consente di accedere direttamente a o creare un account.

Così conterrà due forme:

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

Qui è la mia opinione per ottenere entrambe le forme:

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

E il mio modello di visualizzazione delle forme a schede

<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> 

domanda è: Dal momento che sto utilizzando AJAX per visualizzare questo modale, come posso convalidare il modulo selezionato, preferibilmente utilizzando i già scritto django-registrations register & django.contrib.auth login vista?

Answer 1

In aggiunta alla risposta di Maddog, è necessario un po 'di javascript per inviare il modulo all'URL che ha reso il modulo. Utilizzando jQuery potrebbe essere qualcosa di simile:

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

Non è necessario farlo con una forma presentare elemento, è possibile utilizzare qualsiasi elemento con $() clicca(), naturalmente..

Answer 2

Qualcosa di simile?

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)