JavaScript实现登录注册验证

学习需要坚持,堕落了一星期,学也不是,玩也不对,今天终于跑到图书馆来学习。

言归正传,今天要做的就是登录注册页面的验证和与数据库连接的操作。这里用的是JQ和layer插件,在前面的文章应该有提到过,不懂的可以去百度查看教程或者翻看我之前的文章。

上图是一个简单的登录注册界面(当然代码可以看出来),当你点击登录按钮的时候,就会进行用户密码的判断:

$('login').click(function(){ } );

上面是你点击登录后,下方js代码就可以写在{}区域里边,在这里,你要验证用户和密码是否正确得先判断他是否有输入,在判断他是否输入前,我们要获得用户输入的数据。

var username=$("input[name='username']").val(); //获得用户输入数据

var password=$("input[name='password']").val();

if(username == ''){ layer.msg('请填写用户名');return false;}

//调用layer弹出提示框

if(password == ''){ layer.msg('请输入密码');return false;}

当你在js中实现基本验证后,你需要跟数据库中的数据连接查看是否正确输入用户,你需要进行数据库的验证。

首先,你得进行数据库的连接,一般需要将数据库连接打包成一个文件,后期直接调用会更方面些,这里用php的PDO扩展(DB.class.php)进行数据的连接:

session_start();
require('library/Db.class.php');
//引入数据库操作类
$username = $_POST['username'];
$password = $_POST['password'];
//检测用户和密码是否正确
$sql ="select * from mr_user where 
 username = :username and password 
 = :password";
$db = new Db();//实例化Db类
$user = $db->row($sql,array(
'username' =>$username,'password' 
=>md5($password)));//返回一个数组
if($user){
    $_SESSION['user'] = $user;
    echo 1;
}
else{
    echo -1;
}

好难写下去,收尾吧。

原文发布于微信公众号 - 程序员的碎碎念(gh_53e607dd4782)

原文发表时间:2017-09-23

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏源码之家

关闭ssh连接,让程序继续

2052
来自专栏IT派

Vue + Node + Mongodb 开发一个完整博客流程

前言 前段时间刚把自己的个人网站写完, 于是这段时间因为事情不是太多,便整理了一下,写了个简易版的博客系统。 服务端用的是 koa2框架 进行开发。 技术栈 ...

3755
来自专栏一枝花算不算浪漫

[Reomting Debug] 巧用VS 的remote debug 功能远程调试程序 经验分享.

35711
来自专栏JAVA技术站

Linux常用命令之netstat 原

-a (all)显示所有选项,默认不显示LISTEN相关 -t (tcp)仅显示tcp相关选项 -u (udp)仅显示udp相关选项 -n 拒绝显示别名,...

472
来自专栏木头编程 - moTzxx

Laravel+Layer 图片上传功能整理

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u011415782/article/de...

602
来自专栏史上最简单的Spring Cloud教程

如何在IDEA启动多个Spring Boot工程实例

在我讲解的案例中,经常一个工程启动多个实例,分别占用不同的端口,有很多读者百思不得其解,在专栏上留言,给我发邮件,加我微信询问。所以有必要在专栏上记录下,方便读...

2028
来自专栏DeveWork

WordPress中借助.htaccess屏蔽某个IP或某个IP段(防垃圾评论)

最近本站DeveWork.com 老是被来自142.4.108.109这个ip的垃圾评论骚扰,看来之前的《代码实现 WordPress 反垃圾评论功能》用处还是...

18410
来自专栏pangguoming

Intellij idea创建javaWeb以及Servlet简单实现

准备: 1. 安装jdk1.7 2. 安装tomcat1.8 一、创建并设置javaweb工程 1.创建javaweb工程 File --> New -->...

4357
来自专栏web编程技术分享

用eclispe开发web项目初步

3239
来自专栏技术博客

MVC项目开发中那些用到的知识点(js css优化-- 合并和压缩)

在项目框架中,首先要引用很多css和js文件,80%的用户响应时间都是浪费在前端。而这些时间主要又是因为下载图片、样式表、JavaScript脚本、flash等...

772

扫描关注云+社区