目錄
ajax用户注册程序
首頁 後端開發 php教程 AJAX用户注册演示程序_PHP教程

AJAX用户注册演示程序_PHP教程

Jul 15, 2016 pm 01:22 PM
ajax doctype dtd e html public w3c 示範 用戶註冊 程式

用户注册演示程序

<! doctype html public "-//w3c//dtd html 4.0//en"
"http://www.w3.org/tr/rec-html140/strict.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>ajax用户注册演示程序</title>
<script language="网页特效" type="text/网页特效">
<!--
//创建函数
function createxmlhttp() 
{
  var request;
  var browser = navigator.appname;
  //使用ie,则使用xmlhttp对象
  if(browser == "microsoft internet explorer") 
  {
    var arrversions = ["microsoft.xmlhttp", "msxml2.xmlhttp.4.0",
      "msxml2.xmlhttp.3.0", "msxml2.xmlhttp","msxml2.xmlhttp.5.0"];
    for (var i=0; i < arrversions.length; i++) 
    {
      try 
      {
 //从中找到一个支持的版本并建立xmlhttp对象
        request = new activexobject(arrversions[i]); 
        return request;
      } 
      catch (exception)
      {
        //忽略,继续
      }
    }
  }
  else
  {
    //否则返回一个xmlhttprequest对象
    request = new xmlhttprequest(); 
    if(request.overridemimetype)
    {
    request.overridemimetype(&#39;text/xml&#39;);
   }
    return request;
  }   
}
//全局xmlhttp对象实例变量
var http = createxmlhttp();
//发送请求
function chkuser()
{
  var url = "check.php教程";    //请求"checkusername" servlet
  var name = document.getelementbyid("username").value;   
  url += ("?username="+escape(name)+"&oprate=chkuser");
  http.open("get",url,true);
  http.onreadystatechange = processhttpresponse;
  http.send(null);
  return ;
}
//处理响应
function processhttpresponse()
{
  if(http.readystate == 4)
  {
    if(http.status == 200)
    {
     var xmldocument = http.responsexml;
     if(http.responsetext!="该用户名有效,可以使用!")
      {
 //返回的信息动态显示
      document.getelementbyid("showstr").style.display = "";
      document.getelementbyid("username").style.background= "#ff0000";
      document.getelementbyid("showstr").innertext = http.responsetext;
     }
      else
      {
      document.getelementbyid("username").style.background= "#ffffff";
      document.getelementbyid("showstr").style.display = "";
        document.getelementbyid("showstr").innertext = http.responsetext;
     }
    }
    else
    {
    alert("你所请求的页面发生异常,可能会影响你浏览该页的信息!");
    alert(http.status);
    }
  }
}
//检验输入密码
function chkpassword()
{
  var m=document.form1;
  if(m.password.value.length>20 || m.password.value.length<6 )
  {
    document.getelementbyid("passwordstr").style.display = "";
   document.getelementbyid("password").style.background= "#ff0000";
   document.getelementbyid("passwordstr").innertext = "对不起,密码必须为英文字母、数字或下划线,长度为6~20!";
   }
   else
   {
    document.getelementbyid("password").style.background= "#ffffff";
    document.getelementbyid("passwordstr").style.display = "none";
   }
}
//验证两次密码是否一致
function chkconfirmpassword()
{
   var m=document.form1;
  if (m.password.value != m.confirmpassword.value)
  {
   document.getelementbyid("confirmpasswordstr").style.display = "";
   document.getelementbyid("confirmpassword").style.background= "#ff0000";
   document.getelementbyid("confirmpasswordstr").innertext = "对不起,密码与重复密码不一致!";
  }
  else
  {
   document.getelementbyid("confirmpassword").style.background= "#ffffff";
   document.getelementbyid("confirmpasswordstr").style.display = "none";
  }
} 
//验证email是否有效
function chkemail()
{
   var m=document.form1;
   var email = m.email.value;  
   //正则表达式
  var regex = /^([a-za-z0-9_-])+@([a-za-z0-9_-])+(.[a-za-z0-9_-])+/;    
  var flag = regex.test(email);         
  if(!flag)    
  {
     document.getelementbyid("emailstr").style.display = "";
   document.getelementbyid("email").style.background= "#ff0000";
   document.getelementbyid("emailstr").innertext = "对不起,邮箱地址无效!";  
  }    
  else    
  { 
     document.getelementbyid("email").style.background= "#ffffff";
   document.getelementbyid("emailstr").style.display = "none";  
  }
   
}
//提交检查函数 
function submitcheck()
{
  var m=document.form1; 
  if(m.username.value.length==0)
  {
   alert("对不起,用户名必须为英文字母、数字或下划线,长度为5~20。");
   m.username.focus();
   return false;
  }
  if(m.password.value.length==0)
  {
   alert("对不起,密码必须为英文字母、数字或下划线,长度为5~20。");
   m.password.focus();
   return false;
  }
  if (m.password.value != m.confirmpassword.value)
  {
   alert("对不起,密码与重复密码不一致!");
   m.confirmpassword.focus();
   return false;
  } 
  if(m.email.value.length==0)
  {
   alert("对不起,邮箱地址不能为空!!");
   m.email.focus();
   return false; 
  }
  m.submit();
}
//--> 
</script>
<body >
<form name="form1" method="post" action="register.php">
<h3 id="ajax用户注册程序">ajax用户注册程序</h3>
<table align="center" width="500" border="1" >
  <tr>
    <td><font color="red">*</font></td>
    <td width="100">用户帐号:</td>
    <td><input type="text" name="username" maxlength="20" style="background=#ffffff" onblur="chkuser()"></td>
    <td><div id="showstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>用户密码:</td>
    <td align="left"><input type="password" name="password" maxlength="22" style="background=#ffffff" onblur="chkpassword()"/> </td>
    <td><div id="passwordstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>确认密码:</td>
    <td><input type="password" name="confirmpassword" maxlength="20" style="background=#ffffff" onblur="chkconfirmpassword()"/></td>
    <td><div id="confirmpasswordstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
  <tr>
    <td><font color="red">*</font></td>
    <td>email:</td>
    <td><input type="text" name="email" maxlength="100"  style="background=#ffffff" onblur="chkemail()"></td>
    <td><div id="emailstr" style="background-color:#ff9900;display:none"></div></td>
  </tr>
</table>
<div align="center"> 
  
   <input type="button" name="ok" value=" 确定 " onclick="submitcheck()">
   <input type="reset" name="reset" value=" 取消 ">
  </form>
</div>
</body>
</html>reg.php检测程序
<?php
header("content-type:text/html;charset=gb2312");
@mysql教程_connect(&#39;localhost&#39;,&#39;root&#39;,&#39;ebaeba&#39;) or die("数据库教程服务器连接失败");
@mysql_select_db("test") or die("数据库不存在或不可用");
 
$uname = $_get[&#39;username&#39;];
//下面进行数据库查询  查找是不是有这一个用户
//如果没有查找到这个用户名
 
$sql="select * from t1 where name=&#39;".$uname."&#39;";
$query=mysql_query($sql);
$row=mysql_fetch_object($query);
if(strlen($uname)<6||strlen($uname)>20)
{
   $msg="用户名必须是6至20个字符.";
}
else
{
 
   if($row==false)
   {
      $msg="该用户名有效,可以使用!";
   }
   else
   {
      $msg="对不起,此用户名已经存在,请更换用户名注册!";
   }
}
echo $msg ;
?>
登入後複製

www.bkjia.comtruehttp://www.bkjia.com/PHPjc/447006.htmlTechArticle用户注册演示程序 ! doctype html public -//w3c//dtd html 4.0//enhttp://www.w3.org/tr/rec-html140/strict.dtdhtmlheadmeta http-equiv=content-type content=text/html; charset=gb2...
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

<🎜>:泡泡膠模擬器無窮大 - 如何獲取和使用皇家鑰匙
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
北端:融合系統,解釋
3 週前 By 尊渡假赌尊渡假赌尊渡假赌
Mandragora:巫婆樹的耳語 - 如何解鎖抓鉤
3 週前 By 尊渡假赌尊渡假赌尊渡假赌

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1666
14
CakePHP 教程
1425
52
Laravel 教程
1323
25
PHP教程
1272
29
C# 教程
1251
24
Bitget Wallet交易所怎麼註冊不了是什麼原因 Bitget Wallet交易所怎麼註冊不了是什麼原因 Sep 06, 2024 pm 03:34 PM

無法註冊BitgetWallet交易所的原因有很多種,包括帳戶限制、不支援的地區、網路問題、系統維護和技術故障。要註冊BitgetWallet交易所,請造訪官方網站、填寫資訊、同意條款、完成註冊並驗證身分。

HTML 表格佈局 HTML 表格佈局 Sep 04, 2024 pm 04:54 PM

HTML 表格佈局指南。在這裡,我們詳細討論 HTML 表格佈局的值以及範例和輸出。

HTML 輸入佔位符 HTML 輸入佔位符 Sep 04, 2024 pm 04:54 PM

HTML 輸入佔位符指南。在這裡,我們討論 HTML 輸入佔位符的範例以及程式碼和輸出。

您如何在PHP中解析和處理HTML/XML? 您如何在PHP中解析和處理HTML/XML? Feb 07, 2025 am 11:57 AM

本教程演示瞭如何使用PHP有效地處理XML文檔。 XML(可擴展的標記語言)是一種用於人類可讀性和機器解析的多功能文本標記語言。它通常用於數據存儲

了解HTML,CSS和JavaScript:初學者指南 了解HTML,CSS和JavaScript:初學者指南 Apr 12, 2025 am 12:02 AM

WebDevelovermentReliesonHtml,CSS和JavaScript:1)HTMLStructuresContent,2)CSSStyleSIT和3)JavaScriptAddSstractivity,形成thebasisofmodernWebemodernWebExexperiences。

HTML,CSS和JavaScript的角色:核心職責 HTML,CSS和JavaScript的角色:核心職責 Apr 08, 2025 pm 07:05 PM

HTML定義網頁結構,CSS負責樣式和佈局,JavaScript賦予動態交互。三者在網頁開發中各司其職,共同構建豐富多彩的網站。

React在HTML中的作用:增強用戶體驗 React在HTML中的作用:增強用戶體驗 Apr 09, 2025 am 12:11 AM

React通過JSX與HTML結合,提升用戶體驗。 1)JSX嵌入HTML,使開發更直觀。 2)虛擬DOM機制優化性能,減少DOM操作。 3)組件化管理UI,提高可維護性。 4)狀態管理和事件處理增強交互性。

從 HTML 到 PHP:將您的 Web 技能提升到新的水平 從 HTML 到 PHP:將您的 Web 技能提升到新的水平 Oct 10, 2024 am 10:25 AM

要從靜態HTML網站過渡到動態Web應用程序,你需要學習PHP(超文本預處理語言)。 PHP是一種腳本語言,可用於伺服器端處理,如表單處理和資料庫操作,從而建立互動式和動態的網站。

See all articles