2016-09-03 3 views
0

프론트 엔드에 Django 및 Bootstrap을 사용하여 단일 프로필 편집 모듈을 작성하고 있습니다.양식 데이터를받지 못했습니다.

Django의 일반형은 추악하기 때문에 양식에 custimizing을했습니다. 다음은 HTML 양식입니다.

 <form actoin="{% url 'edit_profile' %}" method="post"> 
      {% csrf_token %} 

      <div class="form-group row"> 
       <label for="chineseName" class="col-sm-2 control-label">name</label> 
       <div class="col-sm-10"> 
        <input name="chinese_name" class="form-control" id="chineseName" placeholder="name" value="{{form.chinese_name.value}}"> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="gender" class="col-sm-2 control-label">gender</label> 
       <div class="col-sm-10"> 
        <label class="radio-inline"> 
         {% if form.gender.value == "M" %} 
         <input type="radio" name="gender" id="gender1" value="M" checked> Male 
         {% else %} 
         <input type="radio" name="gender" id="gender2" value="M"> Male 
         {% endif %} 
        </label> 
        <label class="radio-inline"> 
         {% if form.gender.value == "F" %} 
         <input type="radio" name="gender" id="gender1" value="F" checked> Female 
         {% else %} 
         <input type="radio" name="gender" id="gender2" value="F"> Female 
         {% endif %} 
        </label> 
       </div> 
      </div> 

      <div class="form-group row"> 
       <label for="age" class="col-sm-2 control-label">age</label> 
       <div class="col-sm-10"> 
        <input name="age" class="form-control" id="age" placeholder="年龄" value="{{form.age.value}}"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <label for="phone" class="col-sm-2 control-label">phone</label> 
       <div class="col-sm-10"> 
        <input name="phone" class="form-control" id="phone" placeholder="phone" value="{{form.phone.value}}"> 
       </div> 
      </div> 
      <div class="form-group row"> 
       <div class="col-sm-offset-2 col-sm-10"> 
        <button type="submit" class="btn btn-default col-xs-12" id="confirm" style="display:none;">confirm</button> 

       </div> 
      </div> 
     </form> 

어떻게 든 요청합니다. POST는이 양식의 데이터를 수신하지 않습니다. 긴 HTML 스 니펫을 {{form}}으로 전환하면 모든 것이 잘됩니다.

보기 기능이 정확합니다. 이 서식 파일, 특히 양식 부분에 문제가 있습니까?

당신이 ModelForm를 사용하는 경우 예를 들어, 폼 클래스에 CSS를 추가해야
+1

'actoin' 속성에 오타가 있습니다. POST 데이터가 필요한 URL로 이동 했습니까? – valignatev

+0

@valentjedi 나는 이것을 고쳤으며 아무것도 바뀌지 않았다. 이후이 게시물을 간다 기본 URL입니다. 하드 코딩 된 URL을 시도했지만 여전히 작동하지 않습니다. 나는 이것이 HTML에 관한 것이라고 생각한다. – alvinzoo

답변

0

:

self.fields['phone'].widget.attrs['placeholder'] = self.fields['phone'].label 

또는 당신이 Form를 사용하는 경우 :

phone = forms.CharField(widget=forms.TextInput(attrs={'placeholder' : 'phone')) 
+0

나는 이것이 문제라고 생각하지 않는다. 사실 저는 요청서를 인쇄했습니다. 포스 (POST)는 이것이 비어 있음을 알았습니다. 나는 장고와 아무 관련이 없다고 생각한다. HTML에 관한 것입니다. – alvinzoo

0

아무것도 처음에 순서가 보지 않는다 보기. 더 디버깅하는 한 가지 방법은 양식을 인스턴스화하고 인쇄하는 것입니다. 그런 다음 모든 항목, 특히 <form> 태그와 <input> 태그를 비교합니다.

관련 문제