Форма единственного флажка не отправляется. Также, при отправке выдается ошибка MultiValueDictKeyError - PullRequest
1 голос
/ 24 февраля 2020
<body ng-app="">
{% extends "pmmvyapp/base.html" %}
{% load crispy_forms_tags %}
{% load static %}
{% block content%}
<div class="col-md-8">
  <form method="post" action="/personal_detail/">
  {% csrf_token %}
  <div class="form-group">
      <div class=" mb-4">
      <h6><u>Please Fill up the details below (Note that required field are marked by '*' )</u></h6>
    </div>
    <legend class="border-bottom mb-4" ,align="center">1.Beneficiary Details</legend>
    <label for="formGropuNameInput">Does Beneficiary have an Adhaar Card?*</label>
    <input type="radio" name="showHideExample" ng-model="showHideTest" value="true">Yes
    <input type="radio" name="showHideExample" ng-model="showHideTest" value="false">No
   <!--logic for yes-->
    <div ng-show="showHideTest=='true'">
      <div class="form-group">
        <label for="formGropuNameInput">Name of Beneficiary(as in Aadhar Card)*</label>
        <input name="bname" class="form-control" id="formGroupNameInput" placeholder="Enter name of Beneficiary as in Aadhar Card" required>
      </div>


      <div class="form-group">
        <label for="phone">Aadhaar Number(Enclose copy of Aadhaar Card)*:</label>
        <input name="aadharno" class="form-control" id="aadhar" name="aadhar"
               pattern="^\d{4}\s\d{4}\s\d{4}$"  placeholder="Enter Aadhar Card number with proper spacing"
               required>
      </div>
    </div>
    <!--logic for no-->
    <div ng-show="showHideTest=='false'">

      <div class="form-group">
        <label for="formGroupDistrict">Please provide any of the following Identity Card*:</label>
        <select name="idcard" id="formGroupDistrict" required>
          <option>Bank or Post Office photo passbook</option>
          <option>Voter ID Card</option>
          <option>Ration Card</option>
          <option>Kishan Photo Passbook</option>
          <option>Passport</option>
          <option>Driving License</option>
          <option>PAN Card</option>
          <option>MGNREGS Job Card</option>
          <option>Her husband's Employee Photo Identity Card issued by the government
           or any Public Sector Undertaking</option>
          <option>Any other Photo Identity Card issued by State Government or Union Territory Administrations</option>
          <option>Certificate of Identity with photograph issued by a Gazetted Officer on Official letterhead</option>
          <option>Health Card issued by Primary Health Centre(PHC) or Government Hospital</option>
          <option>Any other document specified by the State Government or Union Territory Adminstration</option>
        </select>
        </div>

        <div class="form-group">
          <label for="phone">Aadhaar Enrollment ID(EID):</label>

          <input name="eid" class="form-control" id="aadhar" name="aadhar"
                 placeholder="Enter Aadhar Enrollment ID">
        </div>


        <div class="form-group">        
          <label for="formGropuNameInput">Name of Beneficiary(as in Identity Card)* </label>
          <input name="bbname" class="form-control" id="formGroupNameInput" placeholder="Enter your name" required>
        </div>


        <div class="form-group">
          <label for="idno">Identity Number(Enclose Copy of Identity Card)*:</label>

          <input name="idno" id="identityno"  class="form-control"               
                 required>
        </div>
    </div>
 </div>


    <button type="submit" class="btn btn-primary" style="margin-bottom:10px ">Submit</button>
  </form>
</div>   
{% endblock %}
</body>

Когда я только заполняю форму «Да», она не отправляется, она отправляется только при заполнении обеих форм, и я получаю

MultiValueDictKeyError в / personal_detail / 'adhaarno'

Это views.py моего кода

views.py

def ApplyOnline(request):
    return render(request,'users/applyonline.html')

def personal_detail(request):
    bname=request.POST['bname']
    adhaarno=request.POST['adhaarno']
   # adhaarcopy =request.POST['adhaarcopy']

    idcard=request.POST['idcard']
    eid=request.POST['eid']    
    bbname=request.POST['bname']
    idno=request.POST['idno']
   # idcopy=request.POST['idcopy']
    apply_online = Personal_Detail(bname=bname,adhaarno=adhaarno,
    idcard=idcard,eid=eid,bbname=bbname,idno=idno)
    apply_online.save()
    return render(request,'users/applyonline.html')

Я создал модели и для имени формы yes, которое я дал name как bname и для имени no form как bbname models.py

class Personal_Detail(models.Model):
    bname=models.CharField(max_length=30)
    adhaarno=models.IntegerField()
    adhaarcopy = models.ImageField(upload_to='adhaar/')

    idcard=models.TextField()
    eid=models.IntegerField()    
    bbname=models.CharField(max_length=30)
    idno=models.IntegerField()
    idcopy=models.ImageField(upload_to='identitycard/')

    def __str__(self):
        return self.bname

Я думаю, что проблема связана с флажком, поэтому я получаю MultiValueDictKeyError. Также, что я должен сделать, чтобы только одна форма Например, если я заполняю только форму «Да», которая будет отправлена, но сейчас мне нужно заполнить обе формы.

1 Ответ

0 голосов
/ 24 февраля 2020

Используйте директиву ng-if:

<!--logic for yes-->
̶<̶d̶i̶v̶ ̶n̶g̶-̶s̶h̶o̶w̶=̶"̶s̶h̶o̶w̶H̶i̶d̶e̶T̶e̶s̶t̶=̶=̶'̶t̶r̶u̶e̶'̶"̶>̶
<div ng-if="showHideTest=='true'">
   <!-- ... -->
</div>
<!--logic for no-->
̶<̶d̶i̶v̶ ̶n̶g̶-̶s̶h̶o̶w̶=̶"̶s̶h̶o̶w̶H̶i̶d̶e̶T̶e̶s̶t̶=̶=̶'̶f̶a̶l̶s̶e̶'̶"̶>̶
<div ng-if="showHideTest=='false'">
   <!-- ... -->
</div>

Директива ng-if добавляет и удаляет DOM. Директива ng-show изменяет видимость только с CSS.


UPDATE

как насчет MultiValueDictKeyError при отправке?

ERRONEOUS

  <div class="form-group">
    <label for="phone">Aadhaar Number(Enclose copy of Aadhaar Card)*:</label>
    <input name="aadharno" class="form-control" id="aadhar" name="aadhar"
           pattern="^\d{4}\s\d{4}\s\d{4}$"  placeholder="Enter Aadhar Card number with proper spacing"
           required>
  </div>

Элемент <input> имеет два атрибута name.

Проверьте HTML на наличие других дублирующих атрибутов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...