Django 模板创建中的脚本错误

我正在开发一个在模板中执行多个功能的代码，并且我使用脚本来使用 if else 和 for 循环检查功能，但是我收到了此类错误，请帮助我了解原因，提前谢谢

如果您在 script 标记内的代码末尾看到 if else 标记的声明必须类似于下面的代码，但是一旦我保存代码，它就会变得未格式化并给我错误

 {% if messages %}
        {% for message in messages %}
            alert('{{message}}')
        {% endfor %}
    {% endif %}

上传.html file

{% extends 'base.html' %} {% block content %}

<div class="form-group">
    <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">Select : </label>
    <div class="col-md-8">

        <select name="cars" id="cars">
 <option value="">Select</option>
  <option value="WithTime">AmpandFreq</option>
  <option value="WithoutTime">Amplitude</option>
  
</select>
    </div>
</div>


<div id="withtime" style="display:none">
    <form action="/csvapp/upload/" method="POST" enctype="multipart/form-data" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">File: </label>
            <div class="col-md-8">
                <input type="file" name="csv_file" id="csv_file" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-3 col-sm-3 col-xs-12 col-md-offset-3" style="margin-bottom:10px;">
                <button class="btn btn-primary"> <span class="glyphicon glyphicon-upload" style="margin-right:5px;"></span>Upload </button>
            </div>
        </div>
    </form>
</div>

<div id="withouttime" style="display:none">
    <form name="form" action="/csvapp/upload_withouttime/" method="POST" enctype="multipart/form-data" class="form-horizontal">
        {% csrf_token %}
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">File: </label>
            <div class="col-md-8">
                <input type="file" name="csv_file" id="csv_file" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <label for="name" class="col-md-3 col-sm-3 col-xs-12 control-label">Sampling Frequency: </label>
            <div class="col-md-8">
                <input type="text" name="sampfreq" id="sampfreq" required="True" class="form-control">
            </div>
        </div>
        <div class="form-group">
            <div class="col-md-3 col-sm-3 col-xs-12 col-md-offset-3" style="margin-bottom:10px;">
                <button class="btn btn-primary"> <span class="glyphicon glyphicon-upload" style="margin-right:5px;"></span>Upload </button>
            </div>
        </div>
    </form>
</div>


<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script>
    { %
        if messages %
    } { %
        for message in messages %
    }
    alert('{{message}}') { % endfor %
    } { % endif %
    }
    $('select').on('change', function() {

        var a = $(this).val()


        { %
            if a == "WithoutTime" %
        } {
            alert("inside")
            $('#withtime').hide();
            $('#withouttime').show();
        } { %
            else %
        } {
            $('#withtime').hide();
            $('#withouttime').show();
        }
    })
</script>
{% endblock %}

在搜索并改变许多内部设置之后，我对错误和要求得出了一个简单的结论

在命令面板 (ctrl-shift-p) 中选择“安装扩展”并选择“Django 模板”。

要开始扩展...

1. 转到“调试”视图并选择“启动扩展”，然后单击“运行”(F5)。这将启动第二个代码实例，并加载第一个窗口中的扩展。

2. 进行更改时，您还可以重新加载（在 Mac 上为 Ctrl+R 或 Cmd+R）第二个代码窗口以加载任何更改。

欲了解更多信息，请参阅下面的链接 Django 模板视图[https://marketplace.visualstudio.com/items?itemName=bibhasdn.django-html]