Django 在字段下显示错误消息

我在表单中使用这个包，但不管怎样，这就像一个一般性问题，我已经编写了以下方法来验证我的电话号码字段

    def validate_phone_number(self, value):
    phone_number = to_python(value)
    if phone_number and not phone_number.is_valid():
        self.fields["phone_number"].error_messages.update({"ph":"Wrong"})
        raise ValidationError(_(u'The phone number entered is not valid.'))
    return value

它工作得很好，因为在我的模型中：

def serve(self, request, *args, **kwargs):
    if request.method == "POST":
        data = json.loads(request.body)
        serializer = ContactUsSerializer(data=data)
        if serializer.is_valid():
            ticket_number = serializer.save()
            return JsonResponse({"ticket_number": ticket_number})
        else:
            return JsonResponse(serializer.errors)
    ctx = self.get_context(request, *args, **kwargs)
    ctx["serializer"] = ContactUsSerializer()
    request.is_preview = getattr(request, "is_preview", False)
    return TemplateResponse(
        request, self.get_template(request, *args, **kwargs), ctx
    )

事实上，当我输入一个无效的电话号码时，我得到了一个JsonResponse，错误如下：

0: "The phone number entered is not valid."

这很好，但是如何在phone_number字段下方显示更新的错误消息？？看起来，尽管错误正在更新，但显示并未更新，我是否应该使用Vue或其他工具来实现这一点？知道我使用的软件包是这样做的：

<span class="help-block text-danger" v-for="error in errors" :key="error">{( error )}</span>

{（错误）}

---

但我不确定他们是如何以及在何处呈现错误的，因此我想用一种纯Django的方法来实现这一点

您可以使用vuevalidate Vuejs库进行前端字段验证。重量轻，有很好的文档