注册登录页面代码用js判断是否填入信息

原文：https://blog.csdn.net/ccy1995414/article/details/80638685

自然是从最简单的功能起步，我第一个任务选择了做一个登录操作，其实也没想象中那么简单。

1.首先自然是连接和创建数据库

这部分我写在model.php中

$userName='root';$passWord='';$host='localhost';$dataBase='login';//创建连接$conn=mysqli_connect($host,$userName,$passWord,$dataBase);

2.写前台页面，为了熟练前端框架，用了layui框架使界面，前面有一段js代码，来判断用户名密码输入是否为空

<html><script src="layui.js";>script><link rel="stylesheet" href="layui.css" ;><head>    <meta charset="UTF-8">    <title>注册登录title>head><script language=JavaScript>    function InputCheck(){        if (Login.username.value == "")            {             alert("请输入用户名!");             Login.username.focus();             return (false);             }        if (Login.password.value == "")             {               alert("请输入密码!");               Login.password.focus();            return (false);             }         }script><body style="background: #1E9FFF"><div style="position: absolute; left: 50%; top: 50%;width: 500px; margin-left:-250px; margin-top: -200px">    <div style="background: #FFFFFF; padding: 20px;border-radius: 4px;box-shadow: 5px 5px 20px #444444" >        <div>            <form action="login.php" method="post" name="Login" οnsubmit="return InputCheck()">                <div style="color: gray">                    <h2>注册登录系统h2>                div>                <hr>                <div>                    <label>用户名label>                    <div>                        <input type="text" name="username" id="username" placeholder="用户名" autocomplete="off">                    div>                div>                <div>                    <label>密    码label>                    <div>                        <input type="password" name="password" id="password" placeholder="密码" autocomplete="off">                    div>                div>                <div>                    <div;>                        <input type="submit" value="登录">                        <input type="button" value="注册">                    div>                div>            form>        div>    div>div>body>html>

3.login.php 用来判断用户名密码的正确性，关于这一点我看了网上的很多方法，五花八门，在我没遇到障碍之前，我决定先用简单的形式，就是用sql语句查询用户名配上密码的结果集，结果集为空，则不存在该用户。

<?php  //数据库连接require_once 'model.php';//从登录页接受来的数据$name=$_POST['username'];$pwd=$_POST['password'];$sql="select id,username,password from user where username='$name' AND password='$pwd';";$result=mysqli_query($conn,$sql);$row=mysqli_num_rows($result); if(!$row){         echo ";     }    else{         echo ";    };

4.文件目录