在 django 上提交有错误的表单后保留字段数据

Question

在我使用 django 提交一个错误的表单后，表单的所有字段都被清除。我想保留字段上的信息，因为这将有助于用户提交数据。

这是我对应用程序的views.py：

def new(request):
    context = {}
    if request.method == 'POST':
        form = NewSubject(request.POST)
        if form.is_valid():
            context['is_valid'] = True
            form.save()
            form = NewSubject()
        else:
            context['is_valid'] = False
    else:
        form = NewSubject()

    context['form'] = form
    return render(request, 'subjects/new.html', context)

Answer 1

我建议你使用ajax。因为我们可以编写不同的情况来处理提交是否成功。如果成功 input.val('') else 显示错误和不干净的输入字段。

$('#post-form').on('submit', function(event){
event.preventDefault();
console.log("form submitted!")  // sanity check
create_post();)};   function create_post() {
console.log("create post is working!")
$.ajax({
    url : "/lrequestConfirmed/", // the endpoint
    type : "POST", // http method
    data : {
      datef: $('#datepicker').val(),
      type: $('#type').val(),
      reason: $('#reason').val()

    }, // data sent with the post request

    // handle a successful response
    success : function(json) {
        $('#datepicker').val(''); // remove the value from the input
        $('#reason').val(''); 
        $('#results').html("<div class='alert alert-success alert-dismissable'><a href='#'' class='close' data-dismiss='alert' aria-label='close'>×</a><strong>Success!</strong> Your request has been recored</div>");
        console.log(json); // log the returned json to the console
        console.log("success"); // another sanity check
    },

    // handle a non-successful response
    error : function(xhr,errmsg,err) {
        $('#results').html("<div class='alert alert-danger alert-dismissable'><a href='#'' class='close' data-dismiss='alert' aria-label='close'>×</a><strong>Oops!</strong> Something went wrong</div>"); // add the error to the dom
        console.log(xhr.status + ": " + xhr.responseText); // provide a bit more info about the error to the console
    }
});

Answer 2

就像 Bear Brown 说的，数据在出错后保留在字段中，但是我没有使用 Django 的纯表单，我需要做一些调整。 我使用原始 Django 表单创建了一个隐藏的 div，并使用 JavaScript 为我的字段传递了数据。 这是我如何进行的示例：

原始 Django 表单的 id 基于表单上的字段名称。因此，如果您在 forms.py 中定义字段的名称，如“name”，则该字段的 id 将为“id_name”：

function error(){ document.getElementById('name').value = document.getElementById('id_name').value;}

这就是表单上的字段被调用的方式。渲染后，它将包含表单字段的数据并有一个 id，所以我通过 id ("id_name") 获取元素并为我的个性化字段传输信息。

<div style="display: none;">
   {{ form.name }}
</div>

这是我风格化的字段，用户将在其中编辑数据并进行自己的修改。

<input id="name" class="form-control" type="text" maxlength="100" name="name" placeholder="Ex.: Metemática" onchange="slugDefine()" onkeyup="slugDefine()" /><br>

感谢您的帮助！