admin管理员组文章数量:1663683
本篇博客讲解如何实现前后端的简单登录注册界面，后端代码由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&
版权声明：本文标题：python实现用户登录注册界面_实现前后端登录注册界面 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1730001503a1218842.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论