php+ajax实现登录验证

发布时间：2020-07-27 20:48:05 作者：1枚小菜鸟
来源：网络阅读：1177

login.js

$(document).ready(function(){
			//提交表单
			$('#submit_btn').click(function(){
				show_loading();
				//var myReg = /^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/; //邮件正则
				if($('#account').val() == ''){
					show_err_msg('账号还没填呢！');	
				    $('#account').focus();
				//}//else if(!myReg.test($('#email').val())){
					//show_err_msg('您的邮箱格式错咯！');
					//$('#email').focus();
				}else if($('#password').val() == ''){
					show_err_msg('密码还没填呢！');
					$('#password').focus();
				}else{
					//show_msg('登录成功咯！  正在为您跳转...','shop.php');
                  postdata(); //button被点击时执行postdata函数
                }
           });
		});
		function postdata() { 
			$.ajax({ 
			  type: "post", 
			  url: "check.php", 
			  data:"&checkcode="+$("#j_captcha").val()+"&account="+$("#account").val()+"&pass="+$("#password").val(), 
			  error: function(){  
             alert('Error loading php document');  
         }, 
			  success: function(data){ 
			    if (data == "success") {show_msg('登录成功咯！  正在为您跳转...','shop.php');	} 
			      else if(data == "codefalse"){
					show_err_msg('验证码输入错误！');
					$('#j_captcha').focus();
				}else {show_err_msg('账号或密码错误！');} 
			  } 
		   }); 
		}




<script type="text/javascript" src="js/login.js"></script><!---正则表达判断登录信息格式---->

</head>
<body>
<div class="page-container">
	<div class="main_box">
		<div class="login_box">
			<div class="login_logo">
				<img src="p_w_picpaths/logo.png" >
			</div>		
			<div class="login_form">
				
					<div class="form-group">
						<label for="j_username" class="t">账  号：</label> 
						<input id="account" name="account" type="text" class="form-control x319 in" 
						autocomplete="off">
					</div>
					<div class="form-group">
						<label for="j_password" class="t">密　码：</label> 
						<input id="password" name="pass" type="password" 
						class="password form-control x319 in">
					</div>
					<div class="form-group">
						<label for="j_captcha" class="t">验证码：</label>
						 <input id="j_captcha" name="checkcode" type="text" class="form-control x164 in" onblur="if(this.value==''){this.value='验证码:'}" onclick="if(this.value=='验证码:'){this.value='';}">
						<img src="../inc/cc.php" height="40"> <a id="kanbuq" href="javascript:void(0);" onClick="$(this).prev().attr('src','../inc/cc.php?'+new Date())">看不清，换一张</a> 
					</div>
					<div class="form-group">
						<label class="t"></label>
						<label for="j_remember" class="m">
						<input id="j_remember" type="checkbox" value="true">&nbsp;记住登陆账号!</label>
                        <label id="div2"></label>
					</div>
					<div class="form-group space">
						<label class="t"></label>　　　
						<button type="submit"  id="submit_btn" 
						class="btn btn-primary btn-lg">&nbsp;登&nbsp;录&nbsp </button>
						<input type="reset" value="&nbsp;重&nbsp;置&nbsp;" class="btn btn-default btn-lg">
					</div>
				
			</div>
		</div>
		<div class="bottom">Copyright &copy; 2015 - 2016 系统登陆</div>
	</div>
</div>

check.php

<?php
include '../inc/db.php';
session_start();
$pc = strtolower(trim($_POST['checkcode']));
$sc = strtolower($_SESSION['code']);
if($pc=='' || $pc!=$sc){
//header('location:login.html');
echo 'codefalse';
}else{
$a = $_POST['account'];
    $p = $_POST['pass'];
    $pass = m($p,$a);
//$cuspass=query('customer','cuspassword',"cusaccount=$a");
$stmt = $db->prepare('select cuspassword,id from customer where cusaccount=? ');
$stmt->execute([$a]);
$rs = $stmt->fetchAll(3);
//echo '<pre>';
//print_r( $rs);
//echo $rs[0][0];
//exit;
if($pass==$rs[0][0]){ 
   $_SESSION['customer']=[$a,$rs[0][1]];  
  unset($_SESSION['code']);
//header('location:shop.php');
        echo 'success';
}else{
//header('location:login.html');
        echo 'false';
}
}

php+ajax实现登录验证

相关阅读