TP引用样式表和js文件及验证码

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)}

 可以在这里修改验证码的内容---------

 

 

 

转载于:https://www.cnblogs.com/navyouth/p/8594194.html

总结

以上是生活随笔为你收集整理的TP引用样式表和js文件及验证码的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。