时间戳

首页 > 解决方案 > 在views.py中返回渲染请求后自动聚焦在电子邮件字段上

django - 在views.py中返回渲染请求后自动聚焦在电子邮件字段上

问题描述

我正在使用注册表单，它工作正常，但我想在 message.error 出现后将注意力集中在电子邮件字段上。

我是 django 新手，刚刚开始编程。

from django.shortcuts import render, redirect    
from django.contrib import messages, auth    
from django.contrib.auth.models import User    
from django.contrib.auth import logout    
from django.http import HttpResponse, HttpResponseRedirect    

def signup(request):        
    if request.method == 'POST':             
        # Get Form Values    
        first_name = request.POST['first_name']    
        last_name = request.POST['last_name']           
        email = request.POST['email']    
        username = email    
        password = request.POST['password']    
        password2 = request.POST['password2']    
        context = {    
        'first_name' : first_name,    
        'last_name' : last_name    
        }    
        # Check if passwords match    
        if password == password2:    
            #Check username                
            if User.objects.filter(username=username).exists():    
                messages.error(request, 'Email is taken and used')                        
                return render(request, 'accounts/signup.html', context)        

            else:                
               #Looks good    
               user = User.objects.create_user(username=username, 
email=email, password=password,first_name=first_name,last_name=last_name)    
               user.save()    
               messages.success(request, 'You are now registered and can log in')    
               return HttpResponseRedirect('/#signin')    
        else:                
            messages.error(request, 'Password do not match')        
            return render(request, 'accounts/signup.html', context)               

    else:                
        return render(request, 'accounts/signup.html')

我只是想专注于电子邮件字段有没有 django 方法可以做到这一点

标签： django

解决方案

当然有办法做到！只需在模板中切换一个布尔标志并根据该标志在模板中context启用/禁用。autofocus

# views.py

def signup(request):
    # ...your code here...
    context = {    
        'first_name' : first_name,    
        'last_name' : last_name,
        'auto_focus' : False,
    }
    # ...your code here...
    messages.error(request, 'Password do not match')
    context['auto_focus'] = True
    return render(request, 'accounts/signup.html', context)
    # ...your code here...


<!-- html -->
<input type="email" {% if auto_focus %}autofocus{% endif %} />

推荐阅读