TP引用样式表和js文件及验证码
引入样式表和js文件
<script src="__PUBLIC__/bootstrap/js/jquery-1.11.2.min.js"></script>
<script src="__PUBLIC__/bootstrap/js/bootstrap.min.js"></script>
<link href="__PUBLIC__/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"></link>
布局页面
<form action="__ACTION__" method="post"> <div class="panel panel-primary"><div class="panel-heading" style="text-align:center;"><h3 class="panel-title">登录页面</h3></div><div class="panel-body"><label class="col-sm-2 control-label yhm" id="yhm1">用户名:</label><input type="text" class="form-control yhm" placeholder="请输入用户名" name="uid"> <label class="col-sm-2 control-label yhm" id="mm1">密码:</label><input type="password" class="form-control yhm" placeholder="请输入密码" name="pwd"> <label class="col-sm-2 control-label yhm" id="yzm1">验证码:</label><input type="text" class="form-control yhm" placeholder="请输入验证码" name="yzm"><div style="height:10px;"></div><img id="yzm" src="__CONTROLLER__/yzm" /></div><div class="panel-body" style="text-align:center;"><button type="submit" class="btn btn-primary btn-sm">点击登录</button> </div></div>
js文件点击刷新验证码
<script type="text/javascript">
$("#yzm").click(function(){var s = Math.ceil(Math.random()*100);//随机生成0-100的整数$(this).attr("src","__CONTROLLER__/yzm/a/"+s);
})
$("#s").blur(function(){var s = $(this).val();$.ajax({url:"__CONTROLLER__/check",data:{s:s},type:"POST",dataType:"TEXT",success:function(data){alert(data);}})
})
</script>
php文件
<?php
namespace Home\Controller;
use Think\Controller;
class LoginController extends Controller{public function login(){if(empty($_POST)){$this->show();}else{//验证码验证//$_POST["yzm"];$y = I("post.yzm");$v = new\Think\Verify();//获取验证码if($v->check($y)){//验证码是否正确//验证用户名密码$uid = I("post.uid");$pwd = I("post.pwd");$db = D("Users");$arr = $db->find($uid);$mm = $arr["pwd"];if($mm==$pwd&&!empty($pwd)){session("uid",$uid);$this->success("登录成功正在跳转",U("Index/index"));}else{$this->error("用户名或者密码不正确!");}}else{$this->error("验证码不正确!");}}}public function yzm(){$v = new\Think\Verify();//实例化验证码类$v->entry();//引用获取验证码的方法}public function check($s){$v = new\Think\Verify();if($v->check($s)){$this->ajaxReturn("验证码正确,请输入用户名和密码!","eval");}else{$this->ajaxReturn("验证码不正确!","eval");}}
}
======
验证码参数
public function yzm(){$v = new\Think\Verify();//实例化验证码类//$v->useImgBg = true;//$v->fontSize = "100";//$v->lenth = 3$v->entry();//引用获取验证码的方法//如果好几个验证码 可以用id区分//$v->entry(1);//然后check()方法后面多一个id参数如check($s,1)}
可以在这里修改验证码的内容---------