审核验证用户名主页面：






<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. OD 内存映射 属主找不到当前程序名解决办法 和 跟随ClassProc  反汇编窗口空白解决办法
			
    OD 内存映射 属主找不到当前程序名解决办法 取消 StrongOD 选项里  高级枚举模块选项就OK了  重启OD 跟随ClassProc  反汇编窗口空白解决办法 StrongOD.dll 是有问 ...
    
			
    2. 
						
  2. vb.net三层实现登录例子
			
    看三层已经很长时间了,中间有经过了期末考试.回家等等琐事,寒假开学的我已经回想不起什么事三层了,经过了三四天的重新复习,再加上查看各期师哥师姐的博客,终于,自己完成了C#视频中的登录小例子,下面就和大 ...
    
			
    3. 
						
  3. SU Demos-02Filtering-03Sudipfilt
			
    不足之处,欢迎各位博友批评指正. 进入目录,依照惯例先看Readme, 第一个脚本, 下面是运行结果: 第二个脚本: 运行结果如下: 第三个脚本: 运行结果:
    
			
    4. 
						
  4. mvc-5视图和模版
			
    动态渲染视图 当待渲染的视图内容不多的时候,可以将视图元素放在控制器或者状态里 var views = document.getElementById("views"); view ...
    
			
    5. 
						
  5. 编译包含Google Play服务App的SDK版本问题
			
    编译包含Google Play服务App的SDK版本问题   错误信息:No Resouce identifier found for attribute 'touchscreen BlocksFoc ...
    
			
    6. 
						
  6. Xamarin Anroid开发教程之Anroid开发工具及应用介绍
			
    Xamarin Anroid开发教程之Anroid开发工具及应用介绍 Xamarin开发Anroid应用介绍 如今智能手机已经盛行了好几年,而针对这些智能手机的软件开发也变得异常火热.但是在Andro ...
    
			
    7. 
						
  7. http://www.open-open.com/lib/view/open1397274257325.html
			
    http://www.open-open.com/lib/view/open1397274257325.html
    
			
    8. 
						
  8. BZOJ3906 : Trie
			
    将输入的Trie建成AC自动机,并建出fail树. 那么操作1等价于在给定点的子树的并集里都加1. 操作2等价于查询给定点到根节点路径的并集的权值和. 求出DFS序后,对于操作1,将点按进入时间戳从小 ...
    
			
    9. 
						
  9. linux下安装7z命令及7z命令的使用
			
    本文主要介绍了在linux下安装7z命令的方法,同时介绍了7z命令的使用.7z压缩格式拥有众多优点,具有极高的压缩比率,如果你还不了解,请看文章:7z格式.LZMA压缩算法和7-Zip详细介绍. re ...
    
			
    10. 
						
  10. HttpClient_HttpClient 对 cookie的处理
			
    session的保持是通过cookie来维持的,所以如果用户有勾选X天内免登录,这个session 就X天内一直有效,就是通过这个cookie来维护.如果没选X天内免登录,基本上就本次才能保持sess ...
    
			
    11.