Django CreateView 表单无法提交

Question

我的观点：

class AddSuiteView(CreateView):
    model = TestSuite     
    form_class = TestSuiteForm  
    
    def get_context_data(self, **kwargs):    
        context = super().get_context_data(**kwargs)        
        my_TestCase = TestCase.objects.all()
        context['my_testcase'] = my_TestCase
        return context    
    def get_success_url(self):
        return reverse("integratedTest:testSuite")

我的form.py：

class TestSuiteForm(forms.ModelForm):
    class Meta:
        model = TestSuite
        fields = ( 'name', 'test_case_list', 'created_by' )

我的模型是：

class TestSuite(models.Model):
    name = models.CharField(max_length=200)
    test_case_list = models.CharField(max_length=200, validators=[validate_comma_separated_integer_list], default = "1") 
    created_by = models.CharField(max_length=200, default = "anyone")     
    create_datetime = models.DateTimeField("TestSuite created on", auto_now = True)

class TestCase(models.Model):
      name = models.CharField(max_length=200)
       .....

我的 html 有点复杂：

<form method="post">
{% csrf_token %}

<script src="https://code.jquery.com/jquery-3.5.0.min.js"></script>

<h1 class="addsuite">Create Test Suite:</h1>
  <p>
  <label for="id_name">Name:</label>
  <input type="text" id="id_name" name="name" required><br><br>
  </p>
  
  <p>
  <label for="id_test_case_list_select_l">test_case_list(double click to add):</label><br><br>
  <select size=10 name="test_case_list_select_l" id="id_test_case_list_select_l" class="multiselect" multiple="multiple" >
  {%for case in my_testcase %}
    <option value="{{case.name}}" >{{case.name}}</option>
  {%endfor %}         
  </select>
  <br><br>  

  <label for="id_test_case_list_select_r" >test case selected(double click to remove):</label><br>
  <select size=10 name="test_case_list_select_r" id="id_test_case_list_select_r" class="multiselect" multiple="multiple" >
  </select>
  <input type="hidden" id="id_test_case_list" name="test_case_list" value="">
  </p>
  <p>&#8679; 
  <input type="button" id="addTestcaseByOne" value="++" onclick="addTestcaseByOne">
  </p>
  <p>&#8681;
  <input type="button" id="decreaseTestcaseByOne" value="--" onclick="decreaseTestcaseByOne">
  </p>
  <br><br>
  
  
  <p>
  <label for="id_created_by">created_by:</label>
  <input type="text" id="id_created_by" name="created_by" "><br><br>
  </p>
  
  <input type="submit" value="Save">
</form>


<script>        
    $(document).ready(function() {
          $("#id_test_case_list_select_l").dblclick(function() {              
              var selectedItem = $('#id_test_case_list_select_l').find(":selected").text()
              $('#id_test_case_list_select_r').append
              ('<option value= ' + selectedItem + '"*1">'+selectedItem+'*1</option>') 
              
              var old_val = $('#id_test_case_list').val()
              //alert("old_val" + old_val)
              var new_val = ""
              if (old_val.length == 0){
                new_val = selectedItem + "*1"
              }
              else{
                new_val = old_val + "," + selectedItem + "*1"
              }
              
              //alert("new_val:" + new_val)
              $('#id_test_case_list').val(new_val)
            });
        });   
        
    $(document).ready(function() {
          $("#id_test_case_list_select_r").dblclick(function() {
                select_str = $('#id_test_case_list_select_r').find(":selected").text()
                //alert("select_str:"+select_str)
                var textArry = select_str.split("*")
                if( textArry.length == 2 ){
                  var rep = parseInt(textArry[1])
                  //alert("rep:"+rep)
                  if( rep==1 ){
                    var old_val = $('#id_test_case_list').val()
                    //alert("old_val:" + old_val)
                    var indexSel = $("#id_test_case_list_select_r").prop('selectedIndex')
                    //alert("indexSel:"+indexSel)
                    var textArry_oldlist = old_val.split(",")
                    var new_val = ""
                    for( let i = 0; i < textArry_oldlist.length; i++ ){
                        if(i == indexSel){
                            continue
                        }
                        else{
                            if (new_val.length == 0){
                                new_val = textArry_oldlist[i]
                            }else{
                                new_val = new_val + "," + textArry_oldlist[i]
                            }
                        }
                        //alert("new_val:" + new_val)
                    }
                    //alert("new_val:" + new_val)
                    $('#id_test_case_list').val(new_val)
                    
                    $('#id_test_case_list_select_r').find(":selected").remove()  
                  }
                } 
            });
        }); 

    $(document).ready(function() {
          $("#addTestcaseByOne").click(function() {              
              var optionLength = $('#id_test_case_list_select_r').find('option').length              
              if(optionLength>=1){
                select_str = $('#id_test_case_list_select_r').find(":selected").text()
                var textArry = select_str.split("*")
                
                if( textArry.length == 2 ){
                    var rep = parseInt(textArry[1]) + 1
                    var new_text = textArry[0] + "*" + rep
                    $('#id_test_case_list_select_r').find(":selected").text(new_text)
                    var new_val = textArry[0] + "*" + rep
                    $('#id_test_case_list_select_r').find(":selected").val(new_val) 
                    var indexSel = $("#id_test_case_list_select_r").prop('selectedIndex')
                    //alert("indexSel:"+indexSel)
                    
                    var old_val = $('#id_test_case_list').val()
                    //alert("old_val:" + old_val)                    
                    var textArry_oldlist = old_val.split(",")
                    var new_val_list = ""
                    for( let i = 0; i < textArry_oldlist.length; i++ ){
                        if(i == indexSel){
                            if (new_val_list.length == 0){
                                new_val_list = new_val
                            }else{
                                new_val_list = new_val_list + "," + new_val
                            }
                        }
                        else{
                            if (new_val_list.length == 0){
                                new_val_list = textArry_oldlist[i]
                            }else{
                                new_val_list = new_val_list + "," + textArry_oldlist[i]
                            }
                        }
                    }
                    //alert("new_val_list:" + new_val_list)
                    $('#id_test_case_list').val(new_val_list)
                }
              }              
            });
        });        
    $(document).ready(function() {
          $("#decreaseTestcaseByOne").click(function() {
              var optionLength = $('#id_test_case_list_select_r').find('option').length
              
              if(optionLength>=1){
                select_str = $('#id_test_case_list_select_r').find(":selected").text()
                var selectedTextSpls = select_str.split("*")
                
                if( selectedTextSpls.length == 2 ){
                    var rep = parseInt(selectedTextSpls[1])
                    if( rep>1 ){
                        rep = rep - 1
                        var new_text = selectedTextSpls[0] + "*" + rep
                        $('#id_test_case_list_select_r').find(":selected").text(new_text)
                        var new_val = selectedTextSpls[0] + "*" + rep
                        $('#id_test_case_list_select_r').find(":selected").val(new_val)
                        
                        var indexSel = $("#id_test_case_list_select_r").prop('selectedIndex')
                        //alert("indexSel:"+indexSel)
                        var old_hidden_val = $('#id_test_case_list').val()
                        //alert("old_hidden_val:" + old_hidden_val)                    
                        var textArry_oldlist = old_hidden_val.split(",")
                        var new_val_list = ""
                        for( let i = 0; i < textArry_oldlist.length; i++ ){
                            if(i == indexSel){
                                if (new_val_list.length == 0){
                                    new_val_list = new_val
                                }else{
                                    new_val_list = new_val_list + "," + new_val
                                }                                
                            }
                            else{
                                if (new_val_list.length == 0){
                                    new_val_list = textArry_oldlist[i]
                                }else{
                                    new_val_list = new_val_list + "," + textArry_oldlist[i]
                                }                                
                            }
                        }
                        //alert("new_val_list:" + new_val_list)
                        $('#id_test_case_list').val(new_val_list)
                    }else if( rep==1 ){
                        var indexSel = $("#id_test_case_list_select_r").prop('selectedIndex')
                        //alert("indexSel:"+indexSel)
                        var old_hidden_val = $('#id_test_case_list').val()
                        //alert("old_hidden_val:" + old_hidden_val)
                        var textArry_oldlist = old_hidden_val.split(",")
                        var new_val_list = ""
                        for( let i = 0; i < textArry_oldlist.length; i++ ){
                            if(i == indexSel){
                                continue
                            }
                            else{
                                if (new_val_list.length == 0){
                                    new_val_list = textArry_oldlist[i]
                                }else{
                                    new_val_list = new_val_list + "," + textArry_oldlist[i]
                                }                                
                            }
                        }
                        //alert("new_val_list:" + new_val_list)
                        $('#id_test_case_list').val(new_val_list)
                        
                        $('#id_test_case_list_select_r').find(":selected").remove()   
                    }
                }
              }
              
            });
        });        
</script>

详细信息：上列表选择(name="test_case_list_select_l") 是一个完整列表。 双击上方列表中的选项可以将同名选项添加到下方列表(name="test_case_list_select_r") 并且隐藏输入(name="test_case_list") 获得新值。 希望隐藏的输入将更新字段 test_case_list

代码对我来说似乎不错，但不幸的是它无法保存。 输入所有内容并单击保存按钮后，页面永远不会重定向并且模型 TestSuite 没有新记录。 较低的列表变为空。

PS 我的 form.html 来自 Django 教程：

<form method="post">
{% csrf_token %}    
    {{ form.as_p }}
    <input type="submit" value="Save">
</form>

我认为 CreateView 可以为我完成这个，对吗？ 如果我需要在 中添加另一个 action="something"，我必须创建另一个视图函数来保存记录......我的初始版本不包含可选择列表，而是使用接收字符串的文本输入。 没关系。 然后提交按钮确实起作用了。 所以我认为这不是由于形式动作的原因。

为了更好的用户体验，我列出了现有测试用例的所有名称并使用了可选列表。 用户选择他的选择，我将所有名称保存为字符串"name1*N1 times, name2*N2 times, ... " 。 这些更改后提交不起作用。 我怀疑输入将映射到 test_case_list 或输入无效或任何其他 html 错误的框架。

Answer 1

您的表单标签中缺少action="/your-name/" 。

<form action="/your-route" method="post">
.
.
.
<button type="submit">Submit</button>
</form>