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

相关文章

来自专栏Petrichor的专栏

pytorch: 框架介绍

763
来自专栏建站达人秀

如何搭建 Django 网站

Django是一个非常受欢迎的全功能服务器端Python Web框架,可以快速开发安全和可维护的网站。由经验丰富的开发人员构建。Django负责处理Web开发大...

1464
来自专栏漫漫全栈路

修改Visual Studio类模板添加版权注释信息

在开发过程中,经常需要给类或接口与添加public修饰符和一些相关的注释信息,这个工作是机械而枯燥的,而这个简单的需求可以通过修改VS自带类模板来实现的。 打...

3444
来自专栏维C果糖

详述 IntelliJ IDEA 的使用界面

是否还记得在博文“ IntelliJ IDEA 安装目录的核心文件讲解 ”中,这张充满神秘色彩的图片呢?进入她,让咱们一起感受她的魅力吧! 如上图所示,打开 I...

1708
来自专栏炉边夜话

在Debian中打造属于自己的deb包

问题:如果你要在Debian系统中发布一款软件或者一个包,该如何做呢?如果你的项目中有各种二进制包,该如何维护呢?如果你自己做了一款小小的实用软件,该如何与朋友...

932
来自专栏Java帮帮-微信公众号-技术文章全总结

错误集锦2.jsp页面syntax error,insert“}”to complete block

补:错误集锦1-HttpServlet was not found on the Java Build Path。 我们在用Eclipse进行Java web开...

3324
来自专栏Android自学

WordPress自定义字段插件:Advanced Custom Fields超详细使用教程

1743
来自专栏Python中文社区

用python搭建一个校园维基网站(二)—— 可编辑内容的首页的创建

專 欄 ❈ treelake ,Python中文社区专栏作者 项目Github地址: https://github.com/zr777/school-wik...

2368
来自专栏沈唁志

YII2框架访问gii、debug页面404的错误解决方法

之前在介绍Yii框架的时候就说过 Yii 支持 gii 功能, gii 去自动生成 Web 站点常用功能的代码,也就是我们经常说的 CURD 操作,增删改查。使...

972
来自专栏Python中文社区

破解验证,让爬取更随心所欲!

專 欄 ❈ Jay,现居重庆,熟悉爬虫、web开发、网络安全,主要从事爬虫领域的相关开发。 Github:https://github.com/juie ❈—...

2589

扫码关注云+社区