审核验证用户名主页面：






<body>
<div>用户名：<input type="text" id="uid" /><span id="xs"></span></div>
<div>密码：<input type="password" /></div>
<div><input type="button" value="登录" /></div>
</body>
<script type="text/javascript">
$(document).ready(function(e) {
    $("#uid").blur(function(){
        var uid = $("#uid").val()
        $.ajax({
        url:"sanji2cl.php",
        data:{uid:uid},
        type:"POST",
        dataType:"TEXT",
        success: function(data)
        {
            if(data>0)　　　　　　//返回的值是传到处理页面的uid，返回的data是处理页面传回的count(*)，data>0说明在数据库中存在的用户名存在
            {
                $("#xs").html("用户名已存在");
                $("#xs").css("color","red");    
            }    
            else
            {
                $("#xs").html("用户名可用");    
                $("#xs").css("color","#0F0");
            }
        }
              
              })
        })
});
</script>




审核验证处理页面：




<?php
$uid = $_POST["u"];
include("../fzl/czy.class.php");
$db = new czy();
$sql = "select count(*) from login where username='{$uid}'";
echo $db->strQuery($sql);




登录系统：




<body>
<div>用户名：<input type="text" id="uid" /></div>
<div>密码：<input type="text" id="pwd" /></div>
<div>用户名：<input type="button"  value="登录" id="btn" /></div>
<script type="text/javascript">
$("#btn").click(function(){
    var u = $("#uid").val();
    var p = $("#pwd").val();
    $.ajax({
        url:"ajax2cl.php",
        data:{uid:u,pwd:p},　　//传后接前
        type:"POST",
        dataType:"TEXT",
        success: function(data){
                if(data.trim()=="ok")　　　　　　　　　　//trim() 去前后空格
                {
                    window.location.href="main2.php";    //跳转页面
                }
                else
                {
                    alert("用户名或密码错误");
                }
            }
        });
    })
</script>
</body>




登录处理页面：




<?php
include("../fzl/czy.class.php");
$db = new czy();
$uid = $_POST["uid"];
$pwd = $_POST["pwd"];
$sql ="select pass from login where username = '{$uid}'";
$mm = $db->strQuery($sql);
if($pwd == $mm && $pwd != "")
{
    echo "ok";
}
else
{
    echo "no";
}


												


											
ajax例子：审核验证用户名；登录界面的更多相关文章
	

    
								
  1. 《ajax学习》之ajax+JavaScript事件验证用户名是否可注册
		
    当用户注册时,服务器数据库需要对用户输入的用户信息(以用户名为例子)进行验证,在不刷新页面的情况下又需要页面和服务器进行数据请求,最好的方法是用ajax异步请求. 一.实现思路: 1.用户输入信息 2 ...
    
		
    2. 
						
  2. Ajax实现异步刷新验证用户名是否已存在
		
    由于要做一个注册页面,看到许多网站上都是使用Ajax异步刷新验证用户名是否可用的,所以自己也动手做一个小实例 都是简单的实例,所以直接发代码 静态页面Ajax.html <html> &l ...
    
		
    3. 
						
  3. Django——Ajax发送请求验证用户名是否被注册
		
    场景: 用户注册的时候,输入用户名之后,Ajax发送请求到后端,后端验证该用户名是否已经被注册,然后返回到注册页面提示用户. 1.模型: from django.db import models cl ...
    
		
    4. 
						
  4. 【ADO.NET基础-Login】带验证码验证的登录界面（用于简单的基础学习）
		
    以下代码如果有不对或者不妥之处,还望大神们指点一二 或者有同学者有问题或建议,一定要提出来,共同探讨 小弟在此感谢! 前台代码: <!DOCTYPE html> <html xmln ...
    
		
    5. 
						
  5. ajax简单操作,验证用户名是否可以
		
    分别使用get,post方法进行提交. 如果输入用户名为admin时,鼠标失去焦点,显示不可以. <!DOCTYPE html> <html lang="en"& ...
    
		
    6. 
						
  6. vue项目里登录界面实现回车登录
		
    全局监听enter键,是把监听事件绑定到document上,无需获取焦点之类的 created() { let that = this; document.onkeydown =function(e) ...
    
		
    7. 
						
  7. 11月10日上午ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    8. 
						
  8. ajax基础知识、用ajax做登录页面、用ajax验证用户名是否可用、ajax动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    9. 
						
  9. 使用PHP中的ajax做登录页面、验证用户名是否可用、动态调用数据库
		
    1.ajax的基础知识 ajax是结合了jquery.php等几种技术延伸出来的综合运用的技术,不是新的内容.ajax也是写在<script>标签里面的. 如果使用ajax一定是要有1个处 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. poj 1611  The Suspects   并查集
			
    The Suspects Time Limit: 1000MS   Memory Limit: 20000K Total Submissions: 30522   Accepted: 14836 De ...
    
			
    2. 
						
  2. js:数据结构笔记5--链表
			
    数组: 其他语言的数组缺陷:添加/删除数组麻烦: js数组的缺点:被实现为对象,效率低: 如果要实现随机访问,数组还是更好的选择: 链表: 结构图: 基本代码: function Node (elem ...
    
			
    3. 
						
  3. Xamarin Anroid开发教程之验证环境配置是否正确
			
    Xamarin Anroid开发教程之验证环境配置是否正确 经过前面几节的内容已经把所有的编程环境设置完成了,但是如何才能确定所有的一切都处理争取并且没有任何错误呢?这就需要使用相应的实例来验证,本节 ...
    
			
    4. 
						
  4. swift语言注册非免费苹果账号iOS游戏框架Sprite Kit基础教程
			
    swift语言注册非免费苹果账号iOS游戏框架Sprite Kit基础教程 1.2.3  注册非免费苹果账号swift语言注册非免费苹果账号iOS游戏框架Sprite Kit基础教程 免费的苹果账号在 ...
    
			
    5. 
						
  5. DFS POJ 2676 Sudoku
			
    题目传送门 题意:数独问题,每行每列以及每块都有1~9的数字 分析:一个一个遍历会很慢.先将0的位子用vector存起来,然后用rflag[i][num] = 1 / 0表示在第i行数字num是否出现 ...
    
			
    6. 
						
  6. Codeforces Round #327 (Div. 2)
			
    题目传送门 水 A - Wizards' Duel 题目都没看清就写了,1e-4精度WA了一次... /************************************************ ...
    
			
    7. 
						
  7. HDU1116 Play on Words（有向图欧拉通路）
			
    我把单词当作点,然后这样其实是不对的,这样就要判定是否是哈密顿通路.. 这题应该把单词的首尾单词当作点,而单词本身就是边,那样就是判定欧拉通路了. 有向图包含欧拉通路的充要条件是:首先基图连通,然后是 ...
    
			
    8. 
						
  8. TYVJ P1075 硬币游戏 Label：dp
			
    背景 农民John的牛喜欢玩硬币,所以John就为它们发明了一个新的两人硬币游戏,叫做Xoinc. 描述 最初地面上有一堆n个硬币(5<=n<=2000),从上面数第i个硬币的价值为C_i ...
    
			
    9. 
						
  9. 【wikioi】1217 借教室
			
    题目链接http://www.wikioi.com/problem/1217/ 算法:二分答案(线段树可过wikioi数据) 二分:http://www.wikioi.com/solution/lis ...
    
			
    10. 
						
  10. CentOS6.5的openssl升级
			
    CentOS6.5的openssl升级:(修复心脏漏血漏洞) [root@linux1 ~]# rpm -qi openssl|grep VersionVersion : 1.0.1e Vendor: ...
    
			
    11.