为什么我的表格输入类型号没有任何价值?

时间:2018-02-20 17:17:13

标签: python html django django-templates html-form

请帮助。

我正在尝试获取ID为 amount_0027634199476 的输入值。每当我更改字段的值时,在点击提交按钮后,我没有通过javascript获得任何内容,该按钮应该发送带有输入框值的警报。 这是我的代码

<div class="modal-body">
          <form id="frm_entry_0027634199476" method="post">
                <input type='hidden' name='csrfmiddlewaretoken' value='a9wl1mTYjT1FhTmhr41zLoy6H7ay4QPvDXQHuUSNcGcMkrUNVISM7BSvRbVp3RPf' />
                <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Montant</label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                          <input type="number" id="amount_0027634199476" class="form-control">
                        </div>
                      </div>
                <div class="form-group">   
                        <div class="col-md-9 col-sm-9 col-xs-12">
                          <div class="radio">
                            <label>
                              <input type="radio" checked="" value="True" id="optionsRadios1" name="deposit_0027634199476"> <strong>Depot</strong> 
                            </label>
                          </div>
                          <div class="radio">
                            <label>
                              <input type="radio" value="False" id="optionsRadios2" name="deposit_0027634199476"> <strong>Retrait</strong>
                            </label>
                          </div>
                        </div>
                      </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="cancel" class="btn btn-primary" data-dismiss="modal">anuller</button>
          <button type="submit" class="btn btn-default" onclick="submiter()" >valider</button>
          <script>
          function submiter(){
              x = document.getElementById("amount_0027634199476");
             alert(x.value); 
          }
          </script>

我做错了吗?我怎么能正确呢?或者是因为这段代码所在的页面包含多个具有相同csrf-token的表单?

2 个答案:

答案 0 :(得分:0)

它对我有用:

https://jsfiddle.net/0pbsxLmw/

<<html>
  <body>
  <div class="modal-body">
          <form id="frm_entry_0027634199476" method="post">
                <input type='hidden' name='csrfmiddlewaretoken' value='a9wl1mTYjT1FhTmhr41zLoy6H7ay4QPvDXQHuUSNcGcMkrUNVISM7BSvRbVp3RPf' />
                <div class="form-group">
                        <label class="control-label col-md-3 col-sm-3 col-xs-12">Montant</label>
                        <div class="col-md-9 col-sm-9 col-xs-12">
                          <input type="number" id="amount_0027634199476" class="form-control">
                        </div>
                      </div>
                <div class="form-group">   
                        <div class="col-md-9 col-sm-9 col-xs-12">
                          <div class="radio">
                            <label>
                              <input type="radio" checked="" value="True" id="optionsRadios1" name="deposit_0027634199476"> <strong>Depot</strong> 
                            </label>
                          </div>
                          <div class="radio">
                            <label>
                              <input type="radio" value="False" id="optionsRadios2" name="deposit_0027634199476"> <strong>Retrait</strong>
                            </label>
                          </div>
                        </div>
                      </div>
          </form>
        </div>
        <div class="modal-footer">
          <button type="cancel" class="btn btn-primary" data-dismiss="modal">anuller</button>
          <button type="submit" class="btn btn-default" onclick="submiter()" >valider</button>
          <script>
          function submiter(){
              x = document.getElementById("amount_0027634199476");
             alert(x.value); 
          }
          </script>
  </body>
</html>

答案 1 :(得分:0)

得到了解决方案。 这是:

由于有多个自动生成的表单及其 sumbiter() javascript方法来验证和提交每个表单的表单,我不得不使javascript方法的名称彼此不同为了在每个onClick事件上定位特定的javascript方法。