簡體   English   中英

Python / Django:在提交表單時打印消息

[英]Python/Django: Print message upon form submit

Django / Jquery的新功能:

嘗試打印“感謝您注冊!” 提交表單后。

  <script type="text/javascript">
    $(function() {
      $("input[data-submit-item]").live("click", function() {
        var message = "Thanks for signing up!";
        $.ajax({
          type: "POST",
          url: "/add",
          data: {
            "text": $("#item").val(),
            "csrfmiddlewaretoken": $('input[name~="csrfmiddlewaretoken"]').val()
          },
          success: function(data) {

            $("#item-list").append(data);
            $("#confmessage").append(message);
            $("#item").val("");
          }
        });
      });
    });
  </script>
</head>
<body>
  <div id = "main-container">

          <h1>FooBar Baz</h1>
          <div id = 'signup-form'>
            <form>
              <input type="text" id="item" placeholder="Enter your email ..." />
              {% csrf_token %}
              <div><input type="submit" value="Sign Up" data-submit-item="true" /></div>
            </form>
              </div>
   <div id = "confmessage"></div>
                <p><strong>front</strong></p>
  <ul id="item-list">
    {% for item in line %}
      <li>{{ item.text }}</li>
    {% endfor %}
  </ul>
  <p><strong>back</strong></p>
  <p><a href="/remove">remove</a></p>
            </div>
          </div>
        </div>
      </div>
    </body>
    </html>

這只會打印出所有已輸入電子郵件的列表,但不會打印確認消息。 這是此示例的修改: https : //github.com/memcachier/memcachier_line/blob/master/templates/index.html

您只需要:

$("#confmessage").text(message);

而不是使用append

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM