ajax验证用户名

ajax验证文章我以前写过很多哦,下面我再来写一个ajax检查用户名的教程吧,全部贴上来.

这里是界面效果图片,我们主要有三个文章一个reg.php里面几乎是html 代码,一个是register.php注册文件,一个是否chech.js文件,还有最后一个ajax_check.php文件,要完成这次ajax 用户检测就要用到上面四个文章下面我们就先来看看界面代码吧.

css 与js代码.导入

<style type="text/css">
<!--
body,td,th {
 font-size: 12px;
}
#error{color:#FF0000; background-image:url(images/1.jpg); height:26px; padding-top:10px;padding-left:50px;width:277px;}
.defult{color:#333333; background-image:url(images/3.jpg); height:26px; padding-top:10px;padding-left:50px;width:277px;}
#success{
 background-image:url(images/0.jpg) ;
 background-repeat:no-repeat;
 
 height:26px;
 }
.input{height:18px; width:221px;}
.STYLE1 {color: #FF0000}
.black_overlay{ 
display: none; 
position: absolute; 
top: 0%; 
left: 0%; 
width: 100%; 
height: 100%; 
background-color: black; 
z-index:1001;
-moz-opacity: 0.8; 
opacity:.80; 
filter: alpha(opacity=50); 

.white_content {
 display: none;
 position: absolute;
 top: 25%;
 left: 25%;
 width: 50%;
 height: 50%;
 border:1px solid #000000;
 background-color: white;
 z-index:1002;
 overflow: auto;
 padding: 5px;
}
.close{height:15px; text-align:right; margin-bottom:10px;}
a {
 font-size: 12px;
 color: #000000;
}
a:visited {
 color: #000000;
}
a:active {
 color: #000000;
}
-->
</style>
<script language="javascript" src="js/check.js"></script>

这里是html表现代码

<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<form id="form1" name="form1" method="post" action="register.php">
  <tr>
    <td width="137">&nbsp;</td>
    <td width="17" height="27">&nbsp;</td>
    <td width="229">&nbsp;</td>
    <td width="417">&nbsp;</td>
  </tr>
  <tr>
    <td align="right">昵&nbsp;&nbsp;称:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="uid" type="text" class="input" id="uid"  onblur="return ajax();"  onfocus="return c();"size="20" /></td>
    <td align="left" id="u_info"><div class="defult">用户昵称长度3-12个字符</div></td>
  </tr>
  <tr>
    <td align="right">性&nbsp;&nbsp;别:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td>
      <label></label>    <label>
      <select name="sex" id="sex">
        <option value="1">男</option>
        <option value="0">女</option>
      </select>
      </label></td>
    <td align="left">&nbsp;</td>
  </tr>
  <tr>
    <td align="right">密&nbsp;&nbsp;码:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="password2" type="password" class="input" id="password2" onblur="c();" size="20" /></td>
    <td align="left" id="p_info"><div class="defult">长度6-12位</div></td>
  </tr>
  <tr>
    <td align="right">确认密码:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="password" type="password" class="input" id="password" onblur="c();" size="20" /></td>
    <td align="left" id="p_info1"><div class="defult">确认密码</div></td>
  </tr>
  <tr>
    <td align="right">手&nbsp;&nbsp;机:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="mo" type="text" class="input" id="mo" onblur="c();" size="20" /></td>
    <td align="left" id="m_info"><div class="defult">手机13875888888与座机(0731-888888)</div></td>
  </tr>
  <tr>
    <td align="right">真实姓名:</td>
    <td height="34" align="center"><span class="STYLE1">*</span></td>
    <td><input name="name" type="text" class="input" id="name" onblur="c();" size="20" /></td>
    <td align="left" id="n_info"><div class="defult">真实姓名:小明</div></td>
  </tr>
  <tr>
    <td height="34">&nbsp;</td>
    <td height="27">&nbsp;</td>
    <td><label>
      <input name="check_name" type="checkbox" id="check_name"   value="1" checked="checked"  />
      <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">
      我接受服务条款
      </a>
    </label></td>
    <td id=t_info>
    <div id="light" class="white_content">
    <div class="close">
    <a href="javascript:void(0)" onclick="document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">
    关闭</a>
    </div>
    <div style="margin:10px;">
    为里是条款内容!
    </div>
    </div> </td>
  </tr>
  <tr>
    <td height="60">&nbsp;</td>
    <td height="27">&nbsp;</td>
    <td><label>
      <input type="image" name="imageField" id="imageField" src="images/btn.jpg" onclick="javascript:return c();"/>
    </label></td>
    <td>&nbsp;</td>
  </tr>
  </form>
</table>

本站原创:  www.111cn.net/phper/php.html

时间: 2024-11-02 10:39:57

ajax验证用户名的相关文章

Ajax验证用户名是否存在的例子

Html代码 <%@ page language="java" import="java.util.*" pageEncoding="gb2312"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <TITLE>Ajax验证用户名是否存在例子</TIT

asp.net AJAX验证用户名是否存在 -Jquery

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用JQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选

ajax验证用户名是否存在,失败后组阻止表单提交

问题描述 ajax验证用户名是否存在,失败后组阻止表单提交 各位大神,求助: 我先是定义了一个变量,在ajax处理完返回值时,根据ajax返回的结果,改变flag的值(初始值定义为false)可是就算是用户名通过验证可以使用,我把flag的改为true,然后return flag 但是没用 提交表单的时候flag的值还是一直是false 各位,帮帮忙 拜托了 (图片是代码) 解决方案 可以采用下面这种请求方式,设置async:false $.ajax({ url:'iajax_chekusern

利用jQuery实现的Ajax 验证用户名是否存在

异步刷新实现方式有多种,也可以借助JS的多种框架,下面是使用jQuery框架实现的AJAX 验证用户名是否存在 jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详细参数选

基于jQuery实现的Ajax 验证用户名是否存在的实现代码_jquery

实例: 1.请求页面AJax.aspx HTML代码 复制代码 代码如下: <div> <input id="txtName" type="text" /><input type="button" value="查看用户名是否存在" id="btn" onclick="JudgeUserName();" /> <div id="show

基于jQuery实现Ajax验证用户名是否存在实例_jquery

本文章向大家分享基于jQuery实现的Ajax 验证用户名是否存在的实现代码,需要的码农朋友可以参考一下本文的源代码. jQuery.ajax概述 HTTP 请求加载远程数据. 通过jQuery 底层 AJAX 实现.简单易用的高层实现见 $.get, $.post 等.$.ajax() 返回其创建的 XMLHttpRequest 对象.大多数情况下你无需直接操作该对象,但特殊情况下可用于手动终止请求. $.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息.详

Ajax验证用户名实例代码_AJAX相关

用Ajax验证用户名代码如下所示: 接口: get guestbook/index.php m : index a : verifyUserName username : 要验证的用户名 返回 { code : 返回的信息代码 0 = 没有错误,1 = 有错误 message : 返回的信息 具体返回信息 } js oUsername1.onblur = function() { //失去焦点的时候,把当前用户名给后端去验证 ajax('get', 'guestbook/index.php',

ajax验证用户名和密码的实例代码_AJAX相关

本文实例为大家介绍了ajax验证用户名和密码的具体代码,供大家参考,具体内容如下 1.ajax主体部分     var xmlrequest; function createXMLHttpRequest(){ if(window.XMLHttpRequest){ xmlrequest=new XMLHttpRequest(); } else if(window.ActiveXObject){ try{ xmlrequest=new ActiveXObject("Msxm12.XMLHTTP&qu

基于jQuery实现的$.Ajax 验证用户名是否存在代码

  jQuery 1.2 中,您可以跨域加载 JSON 数据,使用时需将数据类型设置为 JSONP.使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数.数据类型设置为"jsonp" 时,jQuery 将自动调用回调函数. 参数列表: 参数名  类型  描述  url   String (默认: 当前页地址) 发送请求的地址.  type  String (默认: "GET

jquery 验证用户名(ajax验证用户名是否存在)

<%@ page language="c#" contenttype="text/html" responseencoding="gb2312" %> <!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"