专栏首页程序员的碎碎念JavaScript实现登录注册验证

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)

原文出处及转载信息见文内详细说明,如有侵权,请联系 yunjia_community@tencent.com 删除。

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

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

我来说两句

0 条评论
登录 后参与评论

相关文章

  • LAMP集成开发环境配置

    什么叫做LAMP呢?顾名思义,那就是linux+Apache+mysql+php集成开发环境,当然也有lnmp,安装步骤差不多的。 首先,你得...

    benny
  • Layer弹层组件

    前几天了解到这个不错的弹层插件,样式好看,用起来也方便。喜欢的人看完我的博客也可以看官方网站哦:http://www.layui.com 在这个官方网站里有关于...

    benny
  • AJAX(JQ应用、layer)

    layer开发文档学习网站:http://www.layui.com/doc/modules/layer.html (原文写于2017.8.14)

    benny
  • discuz X3登录流程分析

    公司最近要将discuz论坛升级至最新版discuz X3。但是公司要用自己的通行证同步登陆。故必须要知道discuzX3的登录流程及原理,才能进行二次开发。

    py3study
  • 数据库: Python连接数据库实现增 删 改 查 操作

      "insert into userinfo "+ " values(1,"+"'"+ "yang" +"'"+ "," +"'"+"11223344"+"'...

    杨奉武
  • 分布式事务原理与实践

    事务简介 事务的核心是锁和并发,采用同步控制的方式保证并发的情况下性能尽可能高,且容易理解。这种方式的优势是方便理解;它的劣势是性能比较低。 计算机可以简单的理...

    用户1263954
  • 为什么你总觉得别人工资高? 答案可能就在这个终极公式里 ...

    YO / 周末下班的你 / 约上男男和女女 / 吃着火锅哼着曲 / 满怀未来的期许 / 忽然寒风平地起 / 男男同事告诉你 / 工资涨到八千起 / 震惊 / 的...

    姬小光
  • solr服务中集成IKAnalyzer中文分词器、集成dataimportHandler插件

    昨天已经在Tomcat容器中成功的部署了solr全文检索引擎系统的服务;今天来分享一下solr服务在海量数据的网站中是如何实现数据的检索。 在solr服务中集...

    赵小忠
  • 小程序云开发实现商品浏览次数的展示

    我们在开发小程序的时候,经常遇到需要展示页面浏览次数,以彰显这个商品的热度。下面我们用云开发技术,实现一下这个简单的需求。

    CreatorRay
  • 英投资1730万英镑开发医疗保健和极端环境机器人

    机器人和人工智能(RAI)技术的发展改善了医疗和养老的方式,2017年2月英国工程与物理科学研究理事会(EPSRC)宣布投资1730万英镑资助医疗和极端环境相关...

    人工智能快报

扫码关注云+社区

领取腾讯云代金券