- 注册时间
- 2012-11-28
- 最后登录
- 2021-2-12
- 阅读权限
- 200
- 积分
- 3774
- 精华
- 0
- 帖子
- 116
  
ta_mind | mb_qb7 2013-3-19 01:56 |
---|
classn_01: 366 classn_02 [LV.9]以坛为家II
|
一、采用了jquery类库实现 二、ThinkPHP方法自带方法 本次试验使用jquery方法 实现效果:
UserAction.class.php <?php
class UserAction extends Action{
public function index(){
$title = '用户登陆';
$this->assign('title', $title);
$this->display();
}
public function check(){
$user=D('User');
if($_SESSION['verify'!=md5($_GET['verify'])){
$this->ajaxReturn('验证码不正确!','验证码不正确!',0);
}
if(empty($_GET['username']) || empty($_GET['userpwd'])){
$this->ajaxReturn('用户名或密码不能为空','用户名或密码不能为空',0);
}
if(!$vo=$user->where(array('username'=>$_GET['username']))->find()){
$this->ajaxReturn('用户名不存在'.$_GET['username','用户名不存在',0);
}else{
if($pwd=$user->where(array('userpwd'=>$_GET['userpwd']))->find()){
$this->ajaxReturn('登陆成功','登陆成功',1);
}else{
$this->ajaxReturn('密码不正确','密码不正确',0);
}
}
}
}
模板index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>{$title}</title>
<script lang="javascript" type="text/javascript" src="__PUBLIC__/Js/jquery-1.8.0.js"></script>
<script>
$(function(){
$('input:button').click(function(){
var $user=$('input[name="username"]').val();
var $pwd=$('input[name="userpwd"]').val();
var $verify=$('input[name="verify"]').val();
//alert($user+$pwd+$verify);
$mess=$('#mess');
$.getJSON('__URL__/check',{username user,userpwd pwd,verify verify},function(json){
if(json.status==1){
$mess.slideDown(3000,function(){
$mess.css('display','block');
}).html(json.data);
}else{
$mess.slideDown(3000,function(){
$mess.css('display','block');
}).html(json.data);
}
})
})
})
</script>
</head>
<body>
<div style="display: none; color:red;" id="mess"></div>
<form action="__URL__/check" method="get">
用户名:<input type="text" name="username" /><br />
密码:<input type="text" name="userpwd" /><br />
验证码:<input type="text" maxlength="4" name="verify" /><img src="__APP__/User/verify"onclick="this.src='__APP__/User/verify'" style="cursor: pointer;" /><br />
<input type="button" value="登陆" /><a href="__URL__/reg">注册</a>
</form>
</body>
</html>
|
本帖子中包含更多资源
您需要 登录 才可以下载或查看,没有帐号?立即注册

|