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

<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

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)

	}