1

我有一个表单，允许用户通过填写​​文本字段并选择其中一个单选按钮来向数据库输入新记录。

系统正常工作并保存文本字段的数据，但单选按钮始终为空。然而，如果我打印单选按钮的值，它的打印正确。

模型.py

class Person(models.Model):
    boolChoice = (
        ("M","Male"),("F","Female")
        )

    name = models.CharField(max_length=50)
    date = models.DateField()
    description = models.TextField()
    gender = models.CharField(max_length = 1,choices=boolChoice)

    def __str__(self):
        return str(self.name)

addPerson.html

{% extends 'base.html' %}

{% block content %}

<div class="hero__content">
   <form method="POST" class="form-style-9">{% csrf_token %}
        {{ form.as_p }}


<ul>

    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.min.js"></script>
<li>
    <h2>Add Member</h2>

</li>

<li>
    <input type="text" name="name" class="field-style field-split align-right" placeholder= "enter ur name " id="name"/>
</li>
<li>
    <input type="date" name="date" class="field-style field-full align-none" placeholder= " your birthdate" id="birthdate" />

</li>
<li>
    <input type="radio" name="gender"  value="male"> Male<br>
    <input type="radio" name="gender"  value="female"> Female<br>

</li>

<li>
<textarea name="description" class="field-style" placeholder= "introduce yourself " id="description"></textarea>
</li>

<li>
<input type="submit" class="field-style field-full align-none" id="save" value="ADD" />
    <script type="text/javascript">
                 $(function(){
                    $('#save').on('click',function(e){
                        e.preventDefault()
                        name=$('#name').val()
                        birthdate=$('#birthdate').val()
                        description=$('#description').val()
                        radioValue = $("input[name = 'gender']:checked").val()
                        if (radioValue){
                            alert("radioValue =", radioValue)
                        }

     $.ajax({
      url:'/addperson/',
      method:'POST',
      data: {

                na:name,
                bi:birthdate,
                de:description,
                ra:radioValue
      },
      headers:{
       'X-CSRFToken':'{{csrf_token}}'
      }
     }).done(function(msg) {
                        document.location = "/home.html"     
                        alert('ﻟﻘﺪ ﺗﻢّ ﺣﻔﻆ اﻟﻤﻌﻠﻮﻣﺎﺕ')


     }).fail(function(err){
      alert('ﻟﻢ ﻳﺘﻢ اﻟﺤﻔﻆ')
     })
    })
   })
  </script>
</li>
    </ul>
</form>

  </div>


{% endblock %}

视图.py

def addperson(request):
    print("request method = " , request.method)
    if request.method == "POST":
        name = request.POST['na']
        birthdate = request.POST['bi']
        description=request.POST['de']
        gender=request.POST['ra']

        person=Person.objects.create(
            name=name,
            date=birthdate,
            description=description,
            gender = gender
        )
        print("name  = ", name + "birthdate = " , birthdate + "dec = ", description + "gender = " , gender)
        person.save()

        return render(request,'./addPerson.html')

    else:
        print("this is a get METHOD")
4

2 回答 2

0

您应该使用它django.forms来处理和验证数据。 https://docs.djangoproject.com/en/2.1/topics/forms/

在您的Person模型中添加选择枚举：

class Person(models.Model):

    GENDER_MALE = 'M'
    GENDER_FEMALE = 'F'
    GENDER_CHOICES = (
        (GENDER_MALE, 'Male', ), 
        (GENDER_FEMALE, 'Female', ), 
    )

    name = models.CharField(max_length=50)
    date = models.DateField()
    description = models.TextField()
    gender = models.CharField(max_length=1, choices=GENDER_CHOICES)

    def __str__(self):
        return str(self.name)

在您的PersonForm覆盖字段小部件中：

from django import forms

class PersonForm(forms.ModelForm):

    gender = forms.ChoiceField(choices=Person.GENDER_CHOICES, widget=forms.RadioSelect())

    class Meta:
        model = Person
于 2019-03-05T11:15:53.017 回答
0

您必须将单选按钮的值设置为与choiceField 的第一个索引相同。我强烈建议您将表单用于这种简单的用例，因为您可以立即获得很多东西。

<input type="radio" name="gender"  value="M"> Male<br>
<input type="radio" name="gender"  value="F"> Female<br>

您可以像这样创建 PersonFrom：

class PersonForm(model.ModelForm):
    class Meta:
        model = Person

在视图中：

if request.method == "POST":
        person_form = PersonForm(request.POST)
        if person_form.is_valid():
            person_form.save()

        return render(request,'./addPerson.html', {'person_form': person_form })

else:
    print("this is a get METHOD")

您需要更新模板才能使用表格。你可以在这里阅读更多关于它的信息。

于 2019-03-05T11:18:59.240 回答