Javascript检测用户注册信息
2014-08-10 10:07
141 查看
<html> <head> <title>用户注册</title> <meta http-equiv="content-type" content="text/html;charset=gb2312"> <script language="javascript" type="text/javascript"> <!-- //定义用于存储XMLHttpRequest对象的变量 var xmlHttp = null; //创建XMLHttpRequest对象 function creatXMLHTTP() { //判断浏览器是否支持ActiveX控件 if(window.ActiveXObject) { //将所有可能出现的ActiveXObject版本都放在一个数组中 var arrXmlHttpTypes = ['Microsoft.XMLHTTP','MSXML2.XMLHTTP.6.0',,'MSXML2.XMLHTTP.5.0','MSXML2.XMLHTTP.4.0','MSXML2.XMLHTTP.3.0','MSXML2.XMLHTTP']; //通过循环创建XMLHttpRequest对象 for(var i=0;i<arrXmlHttpTypes.length;i++) { try { //创建XMLHttpRequest对象 xmlHttp = new ActiveXObject(arrXmlHttpTypes[i]); //如果创建XMLHttpRequest对象成功,则跳出循环 break; } catch(ex) { } } } //判断浏览器是否将XMLHttpRequest作为本地对象实现 else if(window.XMLHttpRequest) { xmlHttp = new XMLHttpRequest(); } } //响应XMLHttpRequest对象状态变化的函数 function httpStateChange() { if (xmlHttp.readyState==4) { if (xmlHttp.status==200 || xmlHttp.status==0) { //获得服务器返回的数据 var userNames = xmlHttp.responseText; var arrUserName = userNames.split(";"); //定义一个变量,用于判断用户名是否已经存在 var bFlag = false; for (i=0;i<arrUserName.length;i++) { if (arrUserName[i]==myForm.myName.value) { bFlag = true; break; } } //查找节点 var node = document.getElementById("myDiv"); //更新数据 if (bFlag) { node.firstChild.nodeValue = "用户名已经存在"; myForm.submitButton.disabled = true; } else { node.firstChild.nodeValue = "用户名不存在,可以使用"; myForm.submitButton.disabled = false; } } } } //校验用户名是否有效 function checkName() { //创建XMLHttpRequest对象 creatXMLHTTP(); if (xmlHttp!=null) { //创建响应XMLHttpRequest对象状态变化的函数 xmlHttp.onreadystatechange = httpStateChange; //创建HTTP请求 xmlHttp.open("get","userName.txt",true); //发送HTTP请求 xmlHttp.send(null); } else { alert("您的浏览器不支持XMLHTTP,请更换浏览器后再进行注册。"); } } --> </script> </head> <body> <p align="center"><b>用户注册</b></p> <form name="myForm"> 用户名:<input type="text" name="myName" onblur="checkName()"> <span id="myDiv"> </span><br> 输入登录密码:<input type="password" name="password1"><br> 再次输入密码:<input type="password" name="password2"><br> 密码查询问题:<input type="text" name="problem"><br> 密码查询答案:<input type="text" name="key"><br> <input type="button" value="提交" name="submitButton" disabled> </form> </body> </html>
userName.txt
本文出自 “阿凡达” 博客,请务必保留此出处http://shamrock.blog.51cto.com/2079212/993210
相关文章推荐
- Javascript检测用户注册信息
- Javascript检测用户注册信息
- JavaScript 本地验证用户注册信息
- JavaScript、CSS、JSP 实现用户注册页面与信息校验
- JavaScript用户注册信息验证
- javascript综合小案例,校验用户注册信息提交
- 利用JavaScript检查用户注册信息是否正确,在以下情况不满足时报错并阻止提交表单
- javascript 面向对象 检测用户注册
- javascript综合小案例,校验用户注册信息提交
- 用JavaScript实现用户登录验证、注册信息格式检验(附代码)
- JavaScript、CSS、HTML 实现用户注册页面与信息校验
- JavaScript用户注册表单验证
- 注册信息验证(小小特效)+ajax回调检测用户名
- 用JavaScript查看一些用户信息
- AJAX 之用户注册即时检测
- 用户注册(检测用户名是否存在)
- ASP+ajax完美实现用户表单检测和注册
- Ajax检测注册用户是否存在
- Ajax检测注册用户是否存在
- AJAX应用之注册用户即时检测