Python全系列 教程
3567个小节阅读:5930.7k
目录
鸿蒙应用开发
C语言快速入门
JAVA全系列 教程
面向对象的程序设计语言
Python全系列 教程
Python3.x版本,未来主流的版本
人工智能 教程
顺势而为,AI创新未来
大厂算法 教程
算法,程序员自我提升必经之路
C++ 教程
一门通用计算机编程语言
微服务 教程
目前业界流行的框架组合
web前端全系列 教程
通向WEB技术世界的钥匙
大数据全系列 教程
站在云端操控万千数据
AIGC全能工具班
A A
White Night
login.html
xxxxxxxxxx
{% extends 'base.html' %}
{% block title %}用户中心{% 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:login' %}" onsubmit="return login();">
{% 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" placeholder="密码">
<span style="color:#ff0000;" id="pSpan"></span>
<input type="text" style="height:36px;width: 100px;" id="code" onblur="checkCode(this.value)"><img src="{% url 'userapp:loadCode' %}" onclick="changeCode(this)"><span style="color:red;" id="cSpan"></span>
<input type="hidden" name="redirect" value="">
<input type="hidden" name="cartitems" value="None">
<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 login(){
//获取输入框的值
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;
}
var code = $('#code').val();
var cflag = checkCode(code);
if(!cflag){
return false;
}
var hex_pwd = hex_md5(password);
//var hex_pwd = hex_md5(password+time)
$('#password').val(hex_pwd);
return true
}
//切换验证码
function changeCode(obj){
$(obj).attr('src','/userapp/loadCode/?r='+new Date().getTime())
}
function checkCode(txt){
var cflag = false;
$.ajax({
url:'/userapp/checkCode/',
type:'get',
data:{'code':txt},
async:false,
success:function(result){
var flag = result.vflag;
if(flag){
cflag = true;
$('#cSpan').text('√');
}else{
$('#cSpan').text('×');
}
}
})
return cflag;
}
</script>
{% endblock%}