Javascript 在IE中单击表单按钮后重新加载页面

我的网站有问题。 我有一个显示表单的按钮，问题是在IE和边缘上，当我单击此按钮时，它会显示表单，但在单击后会自动刷新页面

我不知道如何解决这个问题。你能帮我吗

以下是我的html代码：

    <div class="col-xs-3" id="div6">
        <div style="text-align: center; color: #333; font-weight:bold;">Actualité</div>
        {% if user.is_authenticated %}
        {% if request.user.is_staff %}
        <form action="#modification">
            <div style="text-align: center;">
                <button type="submit" id="modifier" class="btn btn-primary">Modifier l'actu</button>
            </div>
        </form>
        <form action="#modification" id="formActu" style="display: none" method="post">
            {% csrf_token %}
            <div id="modification"></div>
            <div style="text-align: center;">
                <button type="submit" class="btn btn-success" id="valider" style="margin-top: 1%;">Valider</button>
            </div>
        </form>
        {% endif %}
        {% endif %}
        {% if not actu %}
        <div id="messageNonActu" style="margin-top: 5%;">Pas d'actualité pour le moment !</div>
        {% endif %}
        {% for actuCommentaire in actu %}
        <div id="commentaireActu" style="margin-top: 5%;">{{actuCommentaire.commentaire}}</div>
        {% endfor %}
    </div>

现实主义
{%if user.u经过身份验证%}
{%if request.user.is_staff%}
修饰语l'actu
{%csrf_令牌%}
瓦利德
{%endif%}
{%endif%}
{%如果不是actu%}
这是一个美好的时刻！
{%endif%}
{actu%中actuCommentaire的%
{{actuCommentaire.commentaire}}
{%endfor%}

这是我的剧本：

            $(document).ready(function(){
            var compteur = 0;

            $('#modifier').click(function(){
                if(compteur === 0){
                    $('#modification').append('{% for field in form %}<label class="my_class" for="{{ field.name|escapejs }}">{{ field.label|escapejs }} :</label>{{ field|escapejs }}{% endfor %}');
                    $('#formActu').show()
                    $('#exampleTextarea').css({resize: 'none'});
                    $('#commentaireActu').hide();
                    $('#messageNonActu').hide();
                    $('#modifier').removeClass('btn btn-primary').addClass('btn btn-danger');
                    $('#modifier').html("Annuler la modif");
                    compteur++;
                }else{
                    if($('#formActu').is(':visible')){
                        $('#formActu').hide();
                        $('#commentaireActu').show();
                        $('#modifier').removeClass('btn btn-danger').addClass('btn btn-primary');
                        $('#modifier').html("Modifier l'actu");
                    }else{
                        $('#commentaireActu').hide();
                        $('#formActu').show();
                        $('#modifier').removeClass('btn btn-primary').addClass('btn btn-danger');
                        $('#modifier').html("Annuler la modif");
                    }
                }
            });
        });

$（文档）.ready（函数（）{
var compteur=0；
$（'#修饰符'）。单击（函数（）{
如果（compteur==0）{
$（“#修改”）.append（“{%for form%}{{field.label{escapejs}}：{{field | escapejs}}{%endfor%}”）；
$（'形式'）.show（）
$（'#exampleTextarea'）.css（{resize:'none'}）；
$（'#commentaireActu'）.hide（）；
$（'#messageNonActu'）.hide（）；
$（“#修饰符”）.removeClass（'btn btn primary'）.addClass（'btn btn danger'）；
$（'#修饰符'）.html（“环空修改器”）；
计算机++；
}否则{
如果（$（'#formActu'）。是（':visible'））{
$（'形式'）.hide（）；
$（'#commentaireActu'）.show（）；
$（“#修饰符”）.removeClass（'btn btn danger'）.addClass（'btn btn primary'）；
$（'#modifier'）.html（“modifier l'actu”）；
}否则{
$（'#commentaireActu'）.hide（）；
$（'形式'）.show（）；
$（“#修饰符”）.removeClass（'btn btn primary'）.addClass（'btn btn danger'）；
$（'#修饰符'）.html（“环空修改器”）；
}
}
});
});

单击后，我预览了第二幅图像，但在单击按钮后不到一秒钟就刷新了页面

然后我直接获得第一张图像的视觉效果

尝试并检查：（只需从方法末尾返回false，因为IE认为按钮单击是提交，这就是重新加载页面的原因）

$（'#修饰符'）。单击（函数（）{

//你的逻辑

 return false;

---

}

我感谢你，这很有效。非常感谢你刚刚救了我的命：）