Django - Ajax modal giriş/kayıt

Question

ben değil doğrulanmış kullanıcılar için kalıcı bir pencere pop gereken bir proje var.

Bu kalıcı doğrudan veya bir hesap oluşturmak giriş sağlayacaktır. İki formları içerecektir Yani

:

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

: Burada

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

hem formlarını almak için benim görünümdür

Ve formlarını gösteren benim şablon

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

Soru edilir sekmeli: Bu kalıcı görüntülemek için ajax kullanıyorum beri nasıl tercihen zaten yazılı django-registrations register & django.contrib.auth login görünümleri kullanarak, seçilen formu doğrulayabilir?

Answer 1

MadDog cevabı yanı sıra formu render URL'ye geri formu göndermek için bazı JavaScript. . Sen eleman göndermek bir form ile yapmak gerekmez

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

, size $() ile herhangi bir unsuru kullanabilirdi elbette) (tıklayın: jquery kullanarak, böyle bir şey olabilir.

Answer 2

böyle bir şey?

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)