python实现用户登录注册界面_实现前后端登录注册界面

本篇博客讲解如何实现前后端的简单登录注册界面，后端代码由node.js实现，主要阐述登录注册时网页工作原理。感兴趣的同学可以参考一下。

注册界面

功能：

判断用户是否输入邮箱，密码，验证密码(前端判断)

判断用户的邮箱格式是否正确(后端判断)

判断输入的密码和验证密码是否一致(前端判断)

判断注册的邮箱是否唯一(后端判断)

1.html部分：

注册

邮箱

密码

确认密码

2.js部分(由jquery实现)：

监听表单的submit事件，将用户输入的信息存储到hash表中，如果用户输入不合法则出现错误提示信息

$('#RegisterForm').on('submit',(e) => {

e.preventDefault();

let hash = {};

let arg = ['email','password','password_confirm'];

arg.forEach((name) => {

let value = $('#RegisterForm').find(`[name= ${name}]`).val();

hash[name] = value;

})

$('#RegisterForm').find('.error').each((index,span) => {

$(span).text(''); //初始的错误提示为空

})

if(hash['email'] === ''){

$('#RegisterForm').find('[name = "email"]').siblings('.error').text('请输入邮箱');

return

}

if(hash['password'] === ''){

$('#RegisterForm').find('[name = "password"]').siblings('.error').text('请输入密码');

return

}

if(hash['password_confirm'] === ''){

$('#RegisterForm').find('[name = "password_confirm"]').siblings('.error').text('请输入密码');

return

}

if(hash['password'] !== hash['password_confirm'] ){

$('#RegisterForm').find('[name = "password_confirm&