如何使用正确的字段隐藏/显示我想要的表单答案

【问题标题】：How to hide / show the form that I want with the right fields如何使用正确的字段隐藏/显示我想要的表单
【发布时间】：2016-04-13 04:58:33
【问题描述】：

嗨！我需要帮助，我想知道如何隐藏或显示表单。我有 2 个表单，一个 studentForm 和一个 EmployeeForm 当从下拉列表 profileType 中选择时，我希望她显示与所选 profileType 对应的表单
我不知道是我的 jQuery 不起作用还是为员工表单创建帐户不起作用。我不明白为什么它不起作用。我从数据库中获取表单字段的信息。**
我不知道为什么第二个按钮会出现此错误，因为第一个按钮运行良好并将信息保存在我的数据库中的正确字段中
为了完成，我有一个错误，因为在我的模板显示中，两个表单同时出现，只有第一个按钮 (Créer un compte)create an account 有效，而第二个用于 EmployeeForm 表单不起作用并返回错误 (我把错误的图片链接放在底部）

感谢您的宝贵时间和帮助！我被屏蔽了！

================================================ ==========================

这是我的models.py

from django.db import models
from django.utils import timezone

class Faculte(models.Model):
    nom = models.CharField(max_length=30)
    couleur = models.CharField(max_length=6)

def __str__(self):
    return self.nom

class Personne(models.Model):
    matricule = models.CharField(max_length=10)
    nom = models.CharField(max_length=30)
    prenom = models.CharField(max_length=30)
    date_de_naissance = models.DateField()
    courriel = models.EmailField()
    tel_fixe = models.CharField(max_length=20,blank =True)
    tel_mobile = models.CharField(max_length=20)
    mot_de_passe = models.CharField(max_length=32)
    amis = models.ManyToManyField("self",blank =True)
    faculte = models.ForeignKey(Faculte)

    def __str__(self):
        return self.prenom + " " + self.nom


class Campus(models.Model):
    nom = models.CharField(max_length=30)
    adresse_postale = models.CharField(max_length=60)

    def __str__(self):
        return self.nom

class Fonction(models.Model):
    intitule = models.CharField(max_length=30)

    def __str__(self):
        return self.intitule


class Cursus(models.Model):
    intitule = models.CharField(max_length=30)

    def __str__(self):
        return self.intitule

class Employe(Personne):
    bureau = models.CharField(max_length=30)
    campus = models.ForeignKey(Campus)
    fonction = models.ForeignKey(Fonction)


class Etudiant(Personne):
    Cursus = models.ForeignKey(Cursus)
    annee = models.IntegerField()

class Message(models.Model):
    auteur = models.ForeignKey(Personne)
    contenu = models.TextField()
    date_de_publication = models.DateField()

    def __unicode__(self):
        if len(self.contenu) > 20:
            return self.contenu[:19] + "..."
        else:
            return self.contenu

这是我的观点.py

from django.shortcuts import render, render_to_response, redirect
from django.http import HttpResponseRedirect
from polls.forms import LoginForm, StudentProfileForm, EmployeeProfileForm
from django.template import RequestContext
from django.http import HttpResponse

def welcome(request):
    return render(request, 'polls/welcome.html')

def index(request):
    return HttpResponse("Hello, world. You're at the webtrial index.")

def login(request):
    if request.method=="POST":
        form = LoginForm(request.POST)
        if form.is_valid():
            return HttpResponseRedirect('polls/welcome')
    else:
        form= LoginForm()
        return render(request, 'polls/login.html', {'form':form})

    return render_to_response('polls/login.html', {'form': form},context_instance=RequestContext(request))

def register(request):
    # if request.method=="GET":
    if len(request.GET) > 0 and 'profileType' in request.GET:
        studentForm = StudentProfileForm(prefix="st")
        employeeForm = EmployeeProfileForm(prefix="em")
        if request.GET['profileType'] == 'student':
            studentForm = StudentProfileForm(request.GET, prefix="st")
            if studentForm.is_valid():
                studentForm.save(commit=True)
                return HttpResponseRedirect('login/')
            elif request.GET['profileType'] == 'employee':
                employeeForm = EmployeeProfileForm(request.GET, prefix="em")
                if employeeForm.is_valid():
                    employee.save(commit=True)
                    return HttpResponseRedirect('login/')
            return render(request, 'polls/user_profile.html',{'studentForm': studentForm, 'employeeForm': employeeForm})
    else:
        studentForm = StudentProfileForm(prefix="st")
        employeeForm = EmployeeProfileForm(prefix="em")
        return render(request, 'polls/user_profile.html',{'studentForm': studentForm, 'employeeForm': employeeForm},)

这是我的 base.html

{% load staticfiles %}
<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html>

<html>
{% csrf_token %}

    <head>
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
        <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css">

        <title>Webtrial - {% block title %}Bienvenue !{%endblock %}</title>
    </head>

    <body id="{% block bodyId %}genericPage{% endblock %}">
        <header>
        {% block headerContent %}{% endblock %}
        </header>
        <section id="content">
            {% block content %}
            <head>
                <link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
                <!-- //LIEN DU JAVASCRIPT ICI  -->
            <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
            </head>
            {% endblock %}  
        </section>
    </body>
</html>

这是我的 urls.py

from django.conf.urls import patterns, include, url
from django.contrib import admin
from polls import views
from polls.views import welcome, login, register
admin.autodiscover()

urlpatterns = [
    url(r'^polls/', include('polls.urls')),
    url(r'^admin/', include(admin.site.urls)),
    url(r'^register/', views.register),
    url(r'^login/',views.login),
    url(r'^', views.login)
]

这是我的forms.py

from django import forms
from polls.models import Personne, Etudiant, Employe

class LoginForm(forms.Form):
    email = forms.EmailField(label='Courriel')
    password = forms.CharField(label='Mot de passe', widget = forms.PasswordInput)

    def clean(self):
        cleaned_data = super (LoginForm, self).clean()
        email = cleaned_data.get("email")
        password = cleaned_data.get("password")

        if email and password:
            result = Personne.objects.filter(mot_de_passe=password, courriel=email)

            if len(result) != 1:
                raise forms.ValidationError("Adresse de courriel ou mot de passe erroné(e).")
        return cleaned_data

class StudentProfileForm(forms.ModelForm):
    class Meta:
        model = Etudiant
        exclude =('amis',)

class EmployeeProfileForm(forms.ModelForm):
    class Meta:
        model = Employe 
        exclude = ('amis',)

这是我的 user_profile.html（表单和 jquery 所在的位置）

{% extends "polls/base.html" %}
{% block title %}Création d'un profil{% endblock %}
{% block bodyId %}userProfilePage{% endblock %}
<!-- <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> -->
<script type="text/javascript">
    $("#column_select").change(function() {
        if($("#profilType").val() == "student") {
            $('#employeeForm').hide();
            $('#studentForm').show();
        }
        else {
            $('#studentForm').hide();
            $('#employeeForm').show();
        }
    }
    $(document).ready(function())
});
</script>
{% block content %}


<h1>Création d'un compte</h1>

<form>
    <p>
        <label for="profileType">Vous êtes :</label>
        <select name ="profileType" id="profilType">
            <option value="student">Etudiant</option>
            <option value="employee">Employe</option>

        </select>
    </p>
</form>

<div id="studentForm" class="student">
    <form action="register" method="GET" id="studentForm">
        {{ studentForm.as_p }}
        {% csrf_token %}
        <p>
            <input type="hidden" name="profileType" value="student" />
            <input type="submit" value="Créer un compte" />
        </p>
    </form>
</div>
<div id="employeeForm" class="employee">
    <form action="register" method="GET" id="employeeForm">
        {{ employeeForm.as_p }}
        {% csrf_token %}
        <p>
            <input type="hidden" name="profileType" value="employee" />
            <input type="submit" value="Créer un compte" />     
        </p>
    </form>
</div>
<link rel="stylesheet" type="text/css" href="/static/css/style.css"/>
{% endblock %}

This is the error for the second button "Créer un compte" (create an account)

This is the template display link 'user_profile.html'

【问题讨论】：

您通过提供太多信息使问题过于复杂。尝试找出问题是表现问题（两种形式都存在，但您没有显示或隐藏正确的形式），是您向客户提供哪些形式的问题，还是您的数据有问题'从客户端接收。

标签： jquery python html django forms

【解决方案1】：

您的 jQuery onchange 函数设置为在 column_select 元素上触发；但是，您没有具有该 ID 的元素。大概你的意思是#profilType。

【讨论】：