php登陆+链接+验证,Ajax+php验证登陆用户名是否存在

如果用户名存在，则无提示

如果不存在，则提示并且禁用提交按钮

login.html

用户登录

用户登录

帐号:

密码:

var user = document.getElementById('name'); //获取用户控件

user.onblur = function () { //当用户离开当前文本框的时行验证

//1.创建Ajax对象

var xhr = new XMLHttpRequest();

//2.创建请求事件的监听

xhr.onreadystatechange = function () {

if (xhr.readyState == 4 && xhr.status == 200) {

if (xhr.responseText == 0) { //当前用户不存在

var warning = document.getElementById('warning');

warning.innerHTML = '新用户,请先注册再登录~~';

document.getElementById('submit').disabled = true;

}

}

}

//3.初始化一个url请求

var user = document.getElementById('name').value;

var password = document.getElementById('password').value;

var data = 'name='+user+'&password='+password; //生成post请求数据

var url = 'check.php';

xhr.open('post',url,true); //请求类型为post，交互方式为异步

//4.设置请求头

xhr.setRequestHeader('content-type','application/x-www-form-urlencoded');

//5.发送url请求,需要传入参数

xhr.send(data);

var submit = document.getElementById('submit');

submit.onclick = function () {

var tips = document.getElementById('tips');

tips.innerHTML = '验证通过,正在跳转中~~';

return false;

}

}

check.php

$userList = ['peter', 'jack', 'mike']; //已注册用户列表

$user = isset($_POST['name']) ? $_POST['name'] : '';

echo in_array($user, $userList) ? 1 : 0; //如果用户名不在列表中返回0,否则返回1

本次登陆验证没有用数据库进行验证，而是用数组，用在项目上可以换成数据库。