【Django】ブラウザからフォームの値を取得できない

エンジニア４ヶ月の初心者です。

やりたいこと

フォームからの値をサーバー(POST)に渡す
フォームから受け取った値をDBに追加する。

このようなシンプルな処理をしたいのですがエラーがでてしまいます。

問題

半角でデーターを渡す場合はエラーが出ずにDBに追加するのですが、
ひらがな、カタカナ、漢字を入力するとこのようなエラーがでます。

↓

半角のデータはちゃんと追加されます。

MySQL側の文字コードが違うのかなって確認したんですけど、UTF-8になっていました。

mysql>
1+--------------------------+----------------------------+
2| Variable_name            | Value                      |
3+--------------------------+----------------------------+
4| character_set_client     | utf8                       |
5| character_set_connection | utf8                       |
6| character_set_database   | utf8mb4                    |
7| character_set_filesystem | binary                     |
8| character_set_results    | utf8                       |
9| character_set_server     | utf8                       |
10| character_set_system     | utf8                       |
11| character_sets_dir       | /usr/share/mysql/charsets/ |
12+--------------------------+----------------------------+

ソース
views.py一部分

def login(request):
    """ ログイン処理 """
    return render(request, 'todo/index.html')

""" ユーザー登録 """
def user_add(request):
    """ 入力処理 """
    if(request.method == "POST"):
        u_id = request.POST["id"]
        u_ps = request.POST["password"]
        u_name = request.POST["name"]
        u_email = request.POST["email"]
        users = user(id=u_id,password=u_ps,name=u_name,email=u_email)
        users.save()
        return redirect('index')

    pramas = {
        'title':"ユーザー登録",
        'form':fuser_add(),
    }
    return render(request, 'todo/user_add.html', pramas)

template一部分

    </head>
    <body>
        <h1>{{ title }}</h1>
        <p>{{ test }}</p>
        <form action="{% url 'user_add' %}" method="POST">
            {% csrf_token %}
            <p>ID：{{ form.id }}</p>
            <p>パスワード：{{ form.password }}</p>
            <p>ユーザー名：{{ form.name }}</p>
            <p>メールアドレス：{{ form.email }}</p>
            <input type="submit" value="登録する" class="btn btn-outline-success">
        </form>
    <a href="{% url 'index' %}" class="btn btn-danger">トップページへ戻る</a>
    </body>
    <script src="{% static 'todo/js/jquery-3.3.1.min.js' %}"></script>
    <script src="{% static 'todo/js/bootstrap.bundle.min.js' %}"></script>
</html>