Question

我有一个显示个人资料信息的表单，我有一个可以编辑表单的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>

这是我的代码： http://jsfiddle.net/U5jhc/

Answer 1

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

Javascript - 编辑表单问题

1 个答案: