我正在创建一个非常基本的 Django 消息传递应用程序,并希望htmx
用于发送和呈现消息。我能够毫无问题地发布、保存消息并呈现部分消息。但是,我遇到了一个奇怪的问题,我的表单 textarea 没有被重置。所以,我会发送一条消息,插入交换后,我的旧消息仍会在 textarea 中。这不是很理想!
我试图通过添加一个 onclick 事件来手动清除文本区域,如下所示:
html
<div id="new-message-div"></div>
<form id="message-form" class="chat-form rounded-pill bg-dark" data-emoji-form="" hx-post="{% url "chat:create-message" object.pk %}" hx-target="#new-message-div">
...
{{ message_form }}
...
<button class="btn btn-icon btn-primary rounded-circle ms-5" type="submit" onclick="submitForm()"> </button>
</form>
脚本(https://stackoverflow.com/a/14589251/12758446)
<script>
function submitForm() {
var message_form = document.getElementById('message-form');
message_form.submit(); // Submit the form
message_form.reset(); // Reset all form data
return false; // Prevent page refresh
}
</script>
尽管message_form.submit()
在 submitForm() 中有,但我的表单没有被提交,但 textarea 正在重置。
问题:
成功发送和呈现消息后,我将如何重置我的 textarea?
def create_message(request, pk):
message = None
if request.htmx:
thread = get_object_or_404(ThreadMessageModel, pk=pk)
form = MessageModelForm(request.POST)
if thread.receiver == request.user:
receiver = thread.user
else:
receiver = thread.receiver
if form.is_valid():
message = form.save(commit=False)
message.thread = thread
message.sender_user = request.user
message.receiver_user = receiver
message.save()
form = MessageModelForm()
return render(request, 'chat/subtemplate/render_message.html', {'message': message})