验证码网站"/>
php + mysql实现简单的登录注册，查询，验证码网站
好记性不如烂笔头，记录web作业，写一个简单的小网站，实现登录，注册，查询等功能
注意：如果 php和html混写,文件存储为php文件,无论php代码的位置在哪里，都会先执行php代码的内容
原因：在php文件中php代码的优先级高于html,因此会先执行php代码
解决方法：在php文件中最开始的位置用if做一个判断,判断表单提交了,再执行php代码
if(isset($_POST['submit'])){代码块;
}
登录：
login.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
<link rel="stylesheet" type="text/css" href="login1.css">
<script src="back.js" defer></script>
<script src="login.js" defer></script>
</head><body><div id="dl"><p>枕上诗书闲处好，门前风景雨来佳</p><div class="box"><!--οnsubmit="return check()"--><form method="post" action="login.php" οnsubmit="return check()"><input class="username" type="text" name="username" placeholder="用户名/帐号"><input class="password" type="password" name="password" placeholder="密码"><div class="code_box"><p><li class="code_left"><input class="code" type='text' name="code" placeholder='验证码' maxlength="4" autocomplete="off"></li></p><p><li><canvas class="code_tu" οnclick="dj()">你的浏览器不支持 canvas，请升级你的浏览器。</canvas></li></p></div><input class="submit" type="submit" name="sub" value="登录"></form><ul class="center_ul"><li><a href="#">忘记密码</a></li><li class="right_li"><a href="regist.html">注册帐号</a></li></ul></div></div>
</body>
</html>
login.js
//验证表单是否输入
function check(){var user = document.getElementsByClassName('username')[0].value;var pass = document.getElementsByClassName('password')[0].value;var code = document.getElementsByClassName('code')[0].value;var num = show_num.join("");if (user==null || user==""){document.getElementsByClassName('username')[0].setAttribute("placeholder","请输入用户名");return false;}else if (pass==null || pass==""){document.getElementsByClassName('password')[0].setAttribute("placeholder","请输入密码");return false;}else if (code==null || code==""){document.getElementsByClassName('code')[0].setAttribute("placeholder","请输入验证码");return false;}if(code.toLowerCase() != num.toLowerCase()){//验证码是够正确// alert('验证码错误！\n你输入的是: '+code+"\n正确的是: "+num+'\n请重新输入！');alert('验证码错误');draw(show_num);return false;}
}var show_num = [];
function dj(){//更新图片draw(show_num);
}
//用canvas画出验证码
function draw(show_num){var canvas_width=document.getElementsByClassName('code_tu')[0].clientWidth;var canvas_height=document.getElementsByClassName('code_tu')[0].clientHeight;var canvas = document.getElementsByClassName("code_tu")[0];//获取到canvas的对象var pen = canvas.getContext("2d");//获取到canvas画图的环境canvas.width = canvas_width;canvas.height = canvas_height;var sCode = "A,B,C,E,F,G,H,J,K,L,M,N,P,Q,R,S,T,W,X,Y,Z,1,2,3,4,5,6,7,8,9,0,q,w,e,r,t,y,u,i,o,p,a,s,d,f,g,h,j,k,l,z,x,c,v,b,n,m";var aCode = sCode.split(更多推荐
php + mysql实现简单的登录注册,查询,验证码网站
发布评论