Javascript-编辑表单问题

我有一个表单可以显示配置文件信息，我有一个javascript可以编辑表单。编辑工作正常，但不知道我现在做了什么。我不是javascript专家，但我一直在努力找出问题所在。 这是我的密码：

<script type="text/javascript">
    // Enable all the text fields, rename value of Edit button and submit the forms

    function activate(){
        get_button_name = $("#save_button").text();

        if (get_button_name == 'Edit'){
        $(".enable").attr('disabled', false);
        $("#save_button").text('Save');
        }

        else {
            $("#editProfileForm").submit();
        }

    }


    function search(){
        document.getElementById('button-name').value="search";
    }

</script>

<div id="profile_form">
    <form id="editProfileForm" method="get" action="/updateProfile/">
    {% csrf_token %}
        <table>
    <h1 style="margin-left: 40px;">Profile</h1>

    <!-- Search box -->
    <div id="search">
        <input type="text" name="search_input" id="search_input" style="display: inline;" />
        <button type="submit" onclick="search()">Search</button>
    </div>
    <input type="hidden" name="button-name" id="button-name" value="" />

    {% for i in profile %}
    <tr>
        <td><label>Firstname:</label></td>
        <td><input class="enable" name="firstname" type="text" disabled value="{{ i.firstname }}" /></td> 
    </tr>


    <tr>    
        <td><label>Lastname:</label></td> 
        <td><input class="enable" name="lastname" type="text" disabled value="{{ i.lastname }}" /></td> 
    </tr>

    <tr>
        <td><label>Email:</label></td> 
        <td><input class="enable" name="email" type="text" disabled value="{{ i.user.email}}" /></td> 
    </tr>   

    <tr>

        <td><label>Location:</label></td> 
        <td><input class="enable" type="text" name="location" disabled value="{{ i.location }}" /></td> 
    </tr>


    {% endfor %}
    </table>
    {% if edit %}
    <button style="margin: 30px 30px" id='save_button' type='button' onclick='activate()'>Edit</button>
    {% endif %}
    </form>

</div>

//启用所有文本字段，重命名编辑按钮的值并提交表单
函数激活（）{
获取按钮名称=$（“#保存按钮”）.text（）；
如果（获取按钮名称==“编辑”）{
$（.enable”）.attr（'disabled'，false）；
$（“#保存按钮”）.text（'save'）；
}
否则{
$（“#editProfileForm”）.submit（）；
}
}
函数搜索（）{
document.getElementById（'button-name'）.value=“search”；
}
{%csrf_令牌%}
轮廓
搜寻
{配置文件%中的i的%1}
名字：
姓氏：
电邮：
地点：
{%endfor%}
{%if edit%}
编辑
{%endif%}

这是我的密码：

---

我的问题出在django设置上。我的设置错误，导致jquery文件无法加载。

请向我们提供有关您希望发生的事情以及出现问题的详细信息。对于像这样的小js问题，将代码粘贴到jsfiddle（）中也很有帮助，这样我们就可以自己测试它了。这是使用django实现的。我想做的是，当我点击编辑按钮时，它将允许我在表单中输入，然后点击保存，并将新信息保存到数据库中。问题是，当我点击edit时，它什么都不做，我从不使用JSFIDLE.net。我看到四个窗口，代码放在哪里？您的代码在我的浏览器上运行。你用的是什么浏览器？对不起，它没有明显的问题，而且它在Chrome中为我工作。