Django实现友好的注册界面【带提示错误信息】

最新推荐文章于 2023-05-28 02:57:00 发布

365JHWZGo

最新推荐文章于 2023-05-28 02:57:00 发布

阅读量1.1k

点赞数 1

分类专栏： Django 文章标签： django javascript 前端

本文链接：https://blog.csdn.net/qq_44833392/article/details/122525635

版权

Django 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

文章目录

题目

如何使用Django实现友好的注册界面

效果图

在这里插入图片描述

代码

<body>
    <form action="/register/" method="post">
        <h1>注册页面</h1>
        <input name="username" type="text" placeholder="请输入用户名" value="{{username}}" onclick="dispearFun1()">
        <p class="warning" id="warn1">{{content2}}</p>
        <input name="password1" type="password" placeholder="请输入密码" onclick="dispearFun2()">
        <p class="warning" id="warn2" >{{content1}}</p>
        <input name="password2" type="password" placeholder="请再次输入密码">
        <p></p>
        <input id="register-btn" type="submit" value="注册" />
    </form>
    <script type="text/javascript" src="../static/script/register.js"></script>
</body>

首先实现的功能

必须输入用户名，否则提示错误

这个功能是在views.py中实现的

if len(username) not in range(5, 11):
     return render(request, 'register.html', {'content2': "用户名长度必须在5～10之间"})

利用render返回到register.html，并且保存提示信息content2在register.html中显示错误信息。

至于让错误信息消失则是借助dispearFun1()，它是在js页面中实现，逻辑是当发现点击input输入框时，如果< p>< /p>内有内容就令其消失

function dispearFun1(){	
	// 提示错误，打印输出
    console.log("----")
	document.getElementById("warn1").innerHTML=" ";
}

365JHWZGo

关注

1
点赞
踩
3

收藏

觉得还不错? 一键收藏
打赏
2
评论
Django实现友好的注册界面【带提示错误信息】

文章目录题目效果图代码题目如何使用Django实现友好的注册界面效果图代码register.html页面代码<body> <form action="/register/" method="post"> <h1>注册页面</h1> <input name="username" type="text" placeholder="请输入用户名" value="{{username}}" onclick="
复制链接

扫一扫