總結一下學到的特效，獲得焦點事件focus 失去焦點事件 blus 按下某鍵事件 keypress

[javascript] / JavaScript Document

// 作者QQ 496928838 博客 http://wl.125.la

$(document).ready(function(e) {

//獲取用戶文本框

var userName=$("#userName");

//獲取用戶密碼框

var password=$("#password");

//獲取文本框前面圖片

var userimg=$("#userimg");

//獲取密碼框前面圖片

var pwimg=$("#pwimg");

//給用戶文本框置焦點

userName.focus();

//綁定用戶文本框焦點事件，失去焦點事件，按下某件事件

userName.focus(function(){

userimg.css("background-position","0px");

}).blur(function(){

userimg.css("background-position","-33px");

}).keypress(function(e){

var key=e.which;

if(key==13){

password.focus();

}

});

//綁定密碼文本框焦點事件，失去焦點事件，按下某件事件

password.focus(function(){

pwimg.css("background-position","-66px");

}).blur(function(){

pwimg.css("background-position","-99px");

}).keypress(function(e){

var key=e.which;

if(key==13){

$("#login").click();

}

});

//綁定登陸按鈕點擊事件，移入事件，移出事件

$("#login").click(function(){

//獲取用戶名稱

var strUsetName = $("#userName").val();

//獲取用戶輸入密碼

var strPassword = $("#password").val();

var msg=$("#msg");

$.ajax({

url:'admin.php?m=admin&a=login',

type:'POST',

dataType:'json',

data:{

userName:strUsetName,

password:strPassword

},

success: function(json){

if (json.state=='ok') {

msg.html("登陸成功");

}else{

msg.html(json.error);

}

}

});

}).mousemove(function(){

$(this).css("background-position","-138px");

}).mouseout(function(){

$(this).css("background-position","0px");

});

});

// JavaScript Document

// 作者QQ 496928838 博客 http://wl.125.la

$(document).ready(function(e) {

//獲取用戶文本框

var userName=$("#userName");

//獲取用戶密碼框

var password=$("#password");

//獲取文本框前面圖片

var userimg=$("#userimg");

//獲取密碼框前面圖片

var pwimg=$("#pwimg");

//給用戶文本框置焦點

userName.focus();

//綁定用戶文本框焦點事件，失去焦點事件，按下某件事件

userName.focus(function(){

userimg.css("background-position","0px");

}).blur(function(){

userimg.css("background-position","-33px");

}).keypress(function(e){

var key=e.which;

if(key==13){

password.focus();

}

});

//綁定密碼文本框焦點事件，失去焦點事件，按下某件事件

password.focus(function(){

pwimg.css("background-position","-66px");

}).blur(function(){

pwimg.css("background-position","-99px");

}).keypress(function(e){

var key=e.which;

if(key==13){

$("#login").click();

}

});

//綁定登陸按鈕點擊事件，移入事件，移出事件

$("#login").click(function(){

//獲取用戶名稱

var strUsetName = $("#userName").val();

//獲取用戶輸入密碼

var strPassword = $("#password").val();

var msg=$("#msg");

$.ajax({

url:'admin.php?m=admin&a=login',

type:'POST',

dataType:'json',

data:{

userName:strUsetName,

password:strPassword

},

success: function(json){

if (json.state=='ok') {

msg.html("登陸成功");

}else{

msg.html(json.error);

}

}

});

}).mousemove(function(){

$(this).css("background-position","-138px");

}).mouseout(function(){

$(this).css("background-position","0px");

});

});

請求的ajax方法

[php] public function login()

{

$json['state']='no';

if (!empty($_POST['userName']) && !empty($_POST['password'])) {

$userName=$_POST['userName'];

$password=md5($_POST['password']);

/*var_dumP($_POST);

var_dump($password);

var_dump($password);*/

if($_SESSION['userData']=$this->db->where("userName='{$userName}' and password='{$password}'")->fine()){

$json['state']='ok';

// echo "";

$_SESSION['login']=true;

}else{

$json['error']='用戶不存在或密碼錯誤';

}

}else {

$json['error']='請輸入用戶名和密碼';

}

echo json_encode($json);

//$this->display();

}

public function login()

{

$json['state']='no';

if (!empty($_POST['userName']) && !empty($_POST['password'])) {

$userName=$_POST['userName'];

$password=md5($_POST['password']);

/*var_dumP($_POST);

var_dump($password);

var_dump($password);*/

if($_SESSION['userData']=$this->db->where("userName='{$userName}' and password='{$password}'")->fine()){

$json['state']='ok';

// echo "";

$_SESSION['login']=true;

}else{

$json['error']='用戶不存在或密碼錯誤';

}

}else {

$json['error']='請輸入用戶名和密碼';

}

echo json_encode($json);

//$this->display();

}

http://www.bkjia.com/PHPjc/477410.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/477410.htmlTechArticle總結一下學到的特效，獲得焦點事件focus 失去焦點事件 blus 按下某鍵事件 keypress [javascript] / JavaScript Document // 作者QQ 496928838 博客 http://wl....

本條技術文章來源于互聯網，如果無意侵犯您的權益請點擊此處反饋版權投訴

本文系統來源：php中文網

總結

以上是生活随笔為你收集整理的php 加七天减七天,php实战第七天_PHP教程的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。