2016-08-10 11 views
1

私はフォームをブートストラップモーダルに変換しました。モーダルトリガーボタンをクリックすると、ユーザーのデータとエラーメッセージが表示されます。エラーが発生した場合、ブートストラップモーダルフォームは消えます

は、ここに私のコードです:

<div class="modal fade" id="myModal" tabindex="-1" role="dialog" 
    aria-labelledby="myModalLabel" aria-hidden="true"> 
    <div class="modal-dialog"> 
     <div class="modal-content"> 
      <div class="modal-body"> 
       <form method='POST' action=''> 
        {% csrf_token %} 
        {{ form.as_p }} 
        <input id='submit-button' type="submit" value="Submit"> 
       </form> 
      </div> <!-- modal-body --> 
     </div> 
    </div> 
</div> 

<button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">Apply now</button> 

私はジャンゴを使用していますが、私はそれは私がモーダルでフォームを包んまで、すべてが働いていたので、それを行うには何を持っているとは思いません。ここに私のview.py:

​​

誰かが私が間違っていることを教えてもらえますか?

答えて

0

提出後、モーダルに関する情報はありません。ページを開いたときのように非表示になります。エラーがある場合は、モーダルを開く条件を追加できます。

私はジャンゴを知らないが、アイデアがモデルにいくつかのparamを追加することです(私はこの例ではThymeleafを使用)

if (bindingResult.hasErrors()) { 
    model.addAttribute("formErrors", true); 
} 

そしてチェック:

<th:block th:if="${formErrors}"> 
    <script>$('#myModal').modal('show');</script> 
</th:block> 
関連する問題