0

テンプレートは

<button type="submit" id="add" class="button_style" onclick="addreporter();" value="Add New Authorised Reporter">Add New Authorised Reporter</button>
<div id="authorisedreporter" style="display:none">
  <form method="post" action="{% url incident.views.about_me %}">{% csrf_token %}
    <table width="100%">
        <tr>
            <td style="width:100px;">First name:</td>
            <td>{{registerform.first_name}}{{registerform.first_name.errors}}</td>
        </tr>
        <tr>
            <td>Last name:</td>
            <td>{{registerform.last_name}}{{registerform.last_name.errors}}</td>
        </tr>
        <tr>
            <td>Daytime phone:</td>
            <td>{{createprofile.phone_daytime}}{{createprofile.phone_daytime.errors}}</td>
        </tr>
        <tr>
            <td>Mobile phone:</td>
            <td>{{createprofile.phone_mobile}}{{createprofile.phone_mobile.errors}}</td>
        </tr>
        <tr>
            <td>Email:</td>
            <td>{{registerform.email}}{{registerform.email.errors}}</td>
        </tr>
        <tr>
            <td>User name</td>
            <td>{{registerform.username}}{{registerform.username.errors}}</td>
        </tr>
        <tr>
            <td>Password</td>
            <td>{{registerform.password}}{{registerform.password.errors}}</td>
        </tr>
        <tr>
            <td colspan=2 "">
                <input type="checkbox" name="is_qualified_firstaiders" style="margin: 0;vertical-align:middle" />Qualified First Aiders</td>
        </tr>
    </table>
     </form>
    </div>

js:

function addreporter(){
        $("#authorisedreporter").toggle();
        if ($("#authorisedreporter").is(":visible")) {   
            $("#authorisedreporter").show();          
            $("#add").hide();
        }
    }

jqueryトグルを使用すると、これをクリックすると開きます <button>Add new Authorized Reporter</button>。フォームにエラーがある場合、フォームは非表示モードになることを除いて、すべて問題ありません。エラーを再度表示したい場合は、 <button>Add new Authorized Reporter</button>、エラーがフォームにある場合に設定する小さなロジックです。フォームを非表示にしないでください。インを検証するdisplay:noneと<div> は機能しますが、テンプレートで検証する方法がわかりません。

ありがとう

4

1 に答える 1

0

できるよ：

<div id="authorisedreporter" {% if not registerform.errors %}style="display:none"{% endif %}>

また、それに応じて変更する必要がある場合がありますaddreporter()。

于 2013-05-23T15:05:23.163 に答える