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 条评论
登录 后参与评论

相关文章

来自专栏fixzd

redis系列:集群

Redis 集群是Redis 的一个分布式实现,它是一个网状结构,每个节点都通过 TCP 连接跟其他每个节点连接。现在来看看Redis集群实现了哪些目标?

823
来自专栏分布式系统和大数据处理

Kafka分布式消息系统(搭建Zookeeper集群) - Part.2

kafka使用zookeeper来管理Brokers(kafka服务进程)、执行partition(分区)的leader选举、当出现变更时向kafka发送通知(...

1333
来自专栏云计算教程系列

如何在Ubuntu 14.04上安装和配置Naxsi

Naxsi是第三方Nginx模块,提供Web应用程序防火墙功能。它为您的Web服务器带来了额外的安全性,并保护您的服务器免受各种Web攻击,如XSS和SQL的注...

1170
来自专栏云计算教程系列

如何在Ubuntu 16.04上使用Git Hooks部署Jekyll站点

Jekyll是一个静态站点生成器,它提供了内容管理系统(CMS)的一些优点,同时避免了此类数据库驱动的站点引入的性能和安全问题。它具有“博客意识”,并包含处理日...

1123
来自专栏从零开始学自动化测试

python笔记25-mock-server之moco环境搭建

mock除了用在单元测试过程中,还有一个用途,当前端开发在开发页面的时候,需要服务端提供API接口 此时服务端没开发完成,或者说没搭建测试环境,这个时候前端开发...

1062
来自专栏Albert陈凯

linux目录结构和常用命令

一、Linux目录结构 你想知道为什么某些程序位于/bin下,或者/sbin,或者/usr/bin,或/usr/sbin目录下吗?例如,less命令位于/us...

2424
来自专栏IT技术精选文摘

Nginx架构初探(值得细品的长篇好文)

众所周知,nginx性能高,而nginx的高性能与其架构是分不开的。那么nginx究竟是怎么样的呢?这一节我们先来初识一下nginx框架吧。 nginx在启动后...

2766
来自专栏小樱的经验随笔

mount命令详解及常见问题汇总

一 、mount命令(用来挂载硬盘或镜像等) 用法:mount [-t vfstype] [-o options] device dir 1、-t vfstyp...

4035
来自专栏Fish

使用cuda-gdb调试cu程序

简要教程 仿佛对于.cu程序的调试是需要关闭x的,所以学习了一下如何用cuda-gdb在tty下调试.cu程序. 1. 对于.cu文件是需要编译好才能调试...

2816
来自专栏angularejs学习篇

WEB网站常见受攻击方式及解决办法

一.跨站脚本攻击(XSS)     跨站脚本攻击(XSS,Cross-site scripting)是最常见和基本的攻击WEB网站的方法。攻击者在网页上发布...

783

扫码关注云+社区