thinkphp 인증 코드 구현(form,ajax 구현 검증)

5016 단어 thinkphp인증번호
두 가지 인증 코드 검증 이 실현 되 었 습 니 다.하 나 는 form 폼 제출 버튼 에서 직접 검증 을 실현 하고 하 나 는 ajax 전달 매개 변 수 를 사용 하여 검증 을 실현 합 니 다.
1.form 폼 제출 버튼 에 직접 검증 을 하고 컨트롤 러 Verify Controller.class.php 에 다음 코드 를 기록 합 니 다.

namespace Home\Controller;
use Think\Controller;
class VerifyController extends Controller {
public function index() {
$this->display();
}
public function checkLogin() {
$verify=new \Think\Verify();
$code=I('post.verify');//     
if($verify->check($code)){
$this->success('     ');
}else{
$this->error('     ');
}
}
public function verify()
{
//    Verify  
$verify = new \Think\Verify();
//        
$verify->fontSize = 14; //        
$verify->length = 4; //      
$verify->imageH = 34; //      
$verify->useImgBg = true; //        
$verify->useNoise = false; //          
$verify->entry();
}
} 
보기 Verify/index.html 의 코드 는 다음 과 같 습 니 다.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
<body>
<form action="{:U('verify/checkLogin')}" method="post">
<div class="form-group has-feedback">
<input type="text" name="verify" id="verify" placeholder="   " style="width:100px;" />
<span style="right:120px;"></span>
<img class="verify" src="{:U(verify)}" alt="   " onClick="this.src=this.src+'?'+Math.random()" />
</div>
<div class="col-xs-4">
<button type="submit" >  </button>
</div>
</form>
</body>
</html> 
2.ajax 전달 매개 변 수 를 사용 하여 검증 을 실현 합 니 다.컨트롤 러 Verify Controller.class.phop 의 코드 는 다음 과 같 습 니 다.

namespace Home\Controller;
use Think\Controller;
class VerifyController extends Controller {
public function index() {
$this->display();
}
public function checkLogin() {
$verify=new \Think\Verify();
$code=$_POST['code'];//ajax     
if($verify->check($code)){
$this->ajaxReturn(1);
}else{
$this->ajaxReturn(0);
}
}
public function verify()
{
//    Verify  
$verify = new \Think\Verify();
//        
$verify->fontSize = 14; //        
$verify->length = 4; //      
$verify->imageH = 34; //      
$verify->useImgBg = true; //        
$verify->useNoise = false; //          
$verify->entry();
}
} 
보기 Verify/index.html 의 코드 는 다음 과 같 습 니 다.

<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script src="__JS__/jquery-2.1.0.min.js" ></script>
</head>
<body>
<form action="{:U('verify/checkLogin')}" method="post">
<div class="form-group has-feedback">
<input type="text" name="verify" id="verify" placeholder="   " style="width:100px;" />
<span style="right:120px;"></span>
<img class="verify" src="{:U(verify)}" alt="   " onClick="this.src=this.src+'?'+Math.random()" />
</div>
<div class="col-xs-4">
<button type="button" id="ver">  </button>
</div>
</form>
<script>
$(document).ready(function(){
/*ajax   */
$("#ver").click(function(){
var code=$("#verify").val();//       
var url=$('form').attr('action');//    action  
$.ajax({
type:"post",
url:url,
data:{"code":code},
error:function(request){
alert("ajax  ");
},
success:function(data){
if(data){
alert("  ")
}else{
alert('  ')
}
}
});
});
});
</script>
</body>
</html> 
두 번 째 방법 은 jquery.min.js 파일 다운로드 주 소 를 잊 지 마 세 요.http://www.jq22.com/jquery-info122
프로필 Common/conf/config.php 에 주 소 를 설정 합 니 다:

return array( 
/*    */
'TMPL_PARSE_STRING'=>array( 
'__JS__'=>__ROOT__.'/Public/JS',
),
);
위 에서 말 한 것 은 소 편 이 소개 한 thinkphp 인증 코드 의 실현(form,ajax 사용 검증)입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 시 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기