PHP実践7日目_PHPチュートリアル
- WBOYオリジナル
- 2016-07-14 10:10:56985ブラウズ
学習した特殊効果を要約し、フォーカス イベント フォーカスを取得、フォーカスを失う イベント ブルース、特定のキーを押すイベント、キーを押す
[javascript] / JavaScript ドキュメント
// 著者 QQ 496928838 ブログ http://wl.125.la
$(document).ready(function(e) {
//ユーザーのテキストボックスを取得します
var userName=$("#userName");
//ユーザーのパスワードボックスを取得します
var パスワード=$("#パスワード");
//テキストボックスの前に画像を取得します
var userimg=$("#userimg");
//パスワードボックスの前にある写真を取得します
var pwimg=$("#pwimg");
// ユーザーのテキスト ボックスにフォーカスを与えます
ユーザー名.focus();
//ユーザーテキストボックスのフォーカスイベントをバインド、フォーカスを失うイベント、何かを押すイベント
ユーザー名.focus(function(){
userimg.css("背景位置","0px");
}).blur(function(){
userimg.css("背景位置","-33px");
}).keypress(関数(e){
var key=e.that;
If(key==13){
パスワード.focus();
}
});
//バインドパスワードテキストボックスフォーカスイベント、ロストフォーカスイベント、何かを押すイベント
Password.focus(function(){
pwimg.css("背景位置","-66px");
}).blur(function(){
pwimg.css("背景位置","-99px");
}).keypress(関数(e){
var key=e.that;
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',
タイプ:「POST」、
dataType:'json',
userName:strUsetName、
パスワード:strパスワード
}、
成功: function(json){
If (json.state=='ok') {
msg.html("ログイン成功");
msg.html(json.error);
});
}).mousemove(function(){
$(this).css("背景位置","-138px");
}).mouseout(function(){
$(this).css("背景位置","0px");
});
});
//JavaScript ドキュメント
// 著者 QQ 496928838 ブログ http://wl.125.la
$(document).ready(function(e) {
// ユーザーのテキストボックスを取得します
var userName=$("#userName");
//ユーザーパスワードボックスを取得します
var パスワード=$("#パスワード");
var userimg=$("#userimg");
//パスワードボックスの前の写真を取得します
var pwimg=$("#pwimg");
// ユーザーのテキスト ボックスにフォーカスを置きます
ユーザー名.focus();
//ユーザーテキストボックスのフォーカスイベントをバインド、フォーカスを失うイベント、何かを押すイベント
ユーザー名.focus(function(){
userimg.css("背景位置","0px");
}).blur(function(){
userimg.css("背景位置","-33px");
}).keypress(関数(e){
var key=e.that;
if(key==13){
Password.focus();
}
});
//バインドパスワードテキストボックスフォーカスイベント、ロストフォーカスイベント、何かを押すイベント
パスワード.focus(function(){
pwimg.css("背景位置","-66px");
}).blur(function(){
pwimg.css("背景位置","-99px");
}).keypress(関数(e){
var key=e.that;
if(key==13){
$("#login").click();
}
});
//ログインボタンのクリックイベント、move in イベント、move out イベントをバインドします
$("#login").click(function(){
//ユーザー名を取得します
var strUsetName = $("#userName").val();
// ユーザーが入力したパスワードを取得します
var strPassword = $("#password").val();
$.ajax({
URL:'admin.php?m=admin&a=login',
タイプ:「POST」、
データ型:'json',
データ:{
パスワード:strPassword
}、
成功: function(json){
If (json.state=='ok') {
msg.html("ログイン成功");
}その他{
msg.html(json.error);
}
}
});
}).mousemove(function(){
$(this).css("背景の位置","-138px");
}).mouseout(function(){
$(this).css("背景位置","0px");
});
});
リクエストされた ajax メソッド
[php] パブリック関数login()
{
$json['状態']='いいえ';
if (!empty($_POST['userName']) && !empty($_POST['password'])) {
$userName=$_POST['userName'];
$password=md5($_POST['パスワード']);
/*var_dumP($_POST);
var_dump($password);
var_dump($password);*/
if($_SESSION['userData']=$this->db->where("userName='{$userName}' およびパスワード='{$password}'")->fine()){
$json['状態']='ok';
// echo "<script>window.location.href='admin.php?m=admin&a=admin';</script>";
$_SESSION['ログイン']=true;
}その他{
$json['error']='用户不存在または密码错误';
}
}else {
$json['error']='请输入力用户名和密码';
}
エコー json_encode($json);
//$this->display();
}
パブリック関数login()
{
$json['state']='no';
if (!empty($_POST['userName']) && !empty($_POST['password'])) {
$userName=$_POST['userName'];
$password=md5($_POST['パスワード']);
/*var_dumP($_POST);
var_dump($password);
var_dump($password);*/
if($_SESSION['userData']=$this->db->where("userName='{$userName}' およびパスワード='{$password}'")->fine()){
$json['state']='ok';
// echo "<script>window.location.href='admin.php?m=admin&a=admin';</script>";
$_SESSION['ログイン']=true;
}その他{
$json['error']='用户不存在または密码错误';
}
}else {
$json['error']='请输入力用户名和密码';
}
echo json_encode($json);
//$this->display();
}