Python全系列 教程
3567个小节阅读:5931.6k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
在userapp子应用下创建templates/userapp/register.html
xxxxxxxxxx
{% extends 'base.html' %}
{% block title%}注册{% endblock %}
{% block headerjs %}
{% endblock %}
{% load static %}
{% block main %}
<div class="login-body">
<div class="login-card">
<div class="login-top">
<h3>新用户注册</h3>
<h5>尊敬的用户,欢迎您回来!</h5>
</div>
<div class="login-bottom">
<form method="post" action="{% url 'userapp:register' %}" onsubmit="return register();">
{% csrf_token %}
<div class="login-input-box">
<input type="text" id="account" name="account" value="" class="login-admin active" placeholder="邮箱注册">
<span style="color:red;" id="aSpan"></span>
<input type="password" id="password" name="password" value="" class="login-password">
<span style="color:red;" id="pSpan"></span>
<button class="login-btn" style="color: white;text-decoration: none;cursor: pointer">注册</button>
</div>
</form>
<div class="login-img">
<img src="{% static 'login_05.png'%}" alt="">
</div>
</div>
</div>
</div>
{% endblock %}
{% block footerjs %}
<script>
function isEmail(str){
var reg = /^[a-zA-Z0-9_-]{6,}@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
return reg.test(str);
}
function register(){
//获取输入框的值
var account = $('#account').val();
var password = $('#password').val();
flag = true
//简单校验
if(account.length<6||!isEmail(account)){
$('#aSpan').text('邮箱长度不能小于六位');
flag = false;
}
if(password.length<6){
$('#pSpan').text('密码长度不能小于六位');
flag = false;
}
if(!flag){
return false;
}
hex_pwd = hex_md5(password);
$('#password').val(hex_pwd);
return true
}
</script>
{% endblock %}
userapp子应用下的路由urls.py
xxxxxxxxxx
path('register/',views.Register.as_view(), name = 'register'),