审核验证用户名主页面：






<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. 在MongoDB中使用JOIN操作
			
    SQL与NoSQL最大的不同之一就是不支持JOIN,在传统的数据库中,SQL JOIN子句允许你使用普通的字段,在两个或者是更多表中的组合表中的每行数据.例如,如果你有表books和publisher ...
    
			
    2. 
						
  2. android webview与 java与javascript的交互
			
    webView.getSettings().setJavaScriptEnabled(true);//打开就可以用js的功能   webView.getSettings().setJavaScript ...
    
			
    3. 
						
  3. VMware安装、配置CentOS
			
    出处:http://www.cnblogs.com/jlily/ 1. 准备CentOS安装镜像文件 官网下载地址:http://www.centos.org/download/ 官方有三个版本:DV ...
    
			
    4. 
						
  4. iOS Simulator功能介绍关于Xamarin IOS开发
			
    iOS Simulator功能介绍关于Xamarin IOS开发 iOS Simulator功能介绍 在图1.38所示的运行效果中,所见到的类似于手机的模型就是iOS Simulator.在没有iPh ...
    
			
    5. 
						
  5. WCF客户端关闭代码
			
      Close不一定会成功,所以需要Abort. ChannelFactory channel = new ChannelFactory<IService1>("bindingN ...
    
			
    6. 
						
  6. BZOJ4373 : 算术天才⑨与等差数列
			
    设$pre[i]$表示第$i$个数上一次出现的位置,$d[i]=abs(a[i]-a[i+1])$. 用线段树维护区间内$a$的最小值.最大值,$pre$的最大值以及$d$的$\gcd$. 对于询问$ ...
    
			
    7. 
						
  7. BZOJ1401 : Hexagon
			
    这题显然是一个最小斯坦纳树的模型,直接上模板即可,就是正六边形比较恶心. #include<cstdio> #include<cstring> #include<algo ...
    
			
    8. 
						
  8. This function has none of DETERMINISTIC, NO SQL 解决办法
			
    在恢复mysql数据库时提示 1418 - This function has none of DETERMINISTIC, NO SQL, or READS SQL DATA in its decl ...
    
			
    9. 
						
  9. 【Vijos】1792 摆花
			
    题目链接:https://vijos.org/p/1792 算法:DP 看到这题真的一点不会...只能爆搜一下..但太太慢了..看了题解后,听说是分组背包??不知道.. 好吧,,还是百度了下题解,渐渐 ...
    
			
    10. 
						
  10. COJ970 WZJ的数据结构（负三十）
			
    WZJ的数据结构(负三十) 难度级别:D: 运行时间限制:1000ms: 运行空间限制:262144KB: 代码长度限制:2000000B 试题描述 给你一棵N个点的无根树,点和边上均有权值.请你设计 ...
    
			
    11.