审核验证用户名主页面：






<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. SQL分布式查询、跨数据库查询
			
    --[方法1]连接服务器方法 --step1 创建链接服务器  exec sp_addlinkedserver     'srv_lnk','','SQLOLEDB', 'ip地址'  exec sp ...
    
			
    2. 
						
  2. SU suplane命令学习
			
    各位博友,不足之处,批评指正! 用其他软件打开看看, 注意:下图中应该是倾角,dip=Δt/Δx,单位为ms/traces,
    
			
    3. 
						
  3. 寒冰王座[HDU1248]
			
    寒冰王座 Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/32768 K (Java/Others)Total Submis ...
    
			
    4. 
						
  4. BZOJ4327 : JSOI2012 玄武密码
			
    对所有询问串建立AC自动机. 然后将母串在AC自动机上跑,每走到一个点x,从x点出发沿着fail指针能到的所有前缀都是匹配成功的,暴力向上走,碰到走过的就break,这样每个点最多只会被标记一次. 时 ...
    
			
    5. 
						
  5. 密码等级：至少包含字母、大小写数字、字符中的两种 JS实现方案
			
    前言 密码,如果设置的太简单,很容易就被攻破,所以很多网站将密码设置的要求设置的挺严格,一般是字母.数字.字符3选2,区分大小写.对于设置得太简单的密码,予以错误提示.或者予以密码等级(低中高)显示, ...
    
			
    6. 
						
  6. 【推荐】开放静态文件 CDN服务staticfile.org
			
    虽然国内外有很多类似的服务器,比如最初的google ajax api,还有后来的sae,百度等都有提供,但是也都有不同的弊端,比如国内访问速度慢.提供的静态文件不全等...staticfile有望解 ...
    
			
    7. 
						
  7. null VS undefined
			
    null VS undefined “null与undefined的区别?” 以前去淘宝面试的时候被问过这个问题,当时只是粗略的按照犀牛书上的答案讲了下,但具体的并没有深入去了解. 后来有机会去问问身 ...
    
			
    8. 
						
  8. Ubuntu　循环遍历当前目录下所有文本文件中的字符
			
    sudo grep -n 'xxxx' -r ./*
    
			
    9. 
						
  9. [转] - linux下使用write\send发送数据报 EAGAIN : Resource temporarily unavailable 错
			
    linux下使用write\send发送数据报 EAGAIN : Resource temporarily unavailable 错 首先是我把套接字设置为异步的了,然后在使用write发送数据时采 ...
    
			
    10. 
						
  10. [转] - QBuffer类参考
			
    QBuffer类参考 QBuffer类是一个操作QByteArray的输入/输出设备. 详情请见…… #include <qbuffer.h> 继承了QIODevice. 所有成员函数的列 ...
    
			
    11.