使用Ajax简单验证用户名是否重复
来源:互联网 发布:程序员 转行做什么 编辑:程序博客网 时间:2024/05/21 10:13
本例子主要是用于简单验证用户名是否为空,是否重复:
<script type="text/javascript src="../xx.js">
<form action="" enctype="application/x-www-form-urlencoded">
<table border="2">
<tr>
<td>用户名:</td>
<td><input type="text" name="username" id="username">
<div id="checkname"></div>
<input type="button" id="checkusername" name="checkusername" value="检测用户名是否被占用">
</td>
</tr>
<tr>
<td>密码:</td>
<td><input type="password" id="password" name="password"></td>
</tr>
</table>
</from>
编写相关JS代码: xx.js
//声明
function ajaxFunction(){
var xmlHttp;
if(window.XMLHttpRequest){
xmlHttp=new XMLHttpRequest()
}else if(window.ActiveXObject){
xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
}
return xmlHttp;
}
//使用声明的function
window.onload=functon(){
document.getElementById("checkusername“).onclick=function(){
var username=document.getElementById('username').value;
if(username==""||username=='null'|username=='undefined'){
alert("用户名不能空");
document.getElementById("username").focus();
return false;
}
var xmlReq=ajaxFunction();
xmlReq.onreadystatechane=function(){
//判断服务器状态
if(xmlReq.readyState==4&&xmlReq.status==200||xmlReq.status==304){
var data=xmlReq.responseText;
document.getElementById("checkusername").innerHTML=data;
}
}
//把请求发送给服务器
xmlReq.open("post","/xx",true);
xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//得到客户端的响应
xmlReq.send(username);
}
}
连接后台的servlet
访问服务器:http://localhost:8080/xx/xx.jsp
本例子是用Ajax代码简单验证,准确的验证除了在页面验证之外,输入的数据应该在数据库中对比。
- 使用Ajax简单验证用户名是否重复
- 使用ajax验证用户名是否重复
- 使用ajax验证用户名重复
- [整理]Ajax验证用户名是否重复
- 关于AJAX实现验证用户名是否重复
- 使用ajax验证用户名是否被注册
- ajax使用之验证用户名是否存在
- 使用Ajax验证用户名是否存在
- 使用Ajax验证用户名是否存在
- struts使用Ajax验证用户名是否可用
- 用Ajax实现的验证用户名是否重复实例
- JQuery学习日志一(验证用户名是否重复AJAX)
- 关于 struts+ajax+jquery 验证用户名是否重复
- jquery用户名验证是否重复
- jquery 验证用户名是否重复
- AJAX验证是否重复
- Ajax技术验证用户名是否可用,简单实现
- jQuery Ajax 鼠标离开 验证用户名是否存在(简单)
- AJAX核心对象-- XMLHttpRequest 对象使用详解 (一)
- 使用jeval进行精确的浮点数计算
- Android 网络切换
- Net share 命令详解
- iPhone文件系统NSFileManager
- 使用Ajax简单验证用户名是否重复
- Android Bitmap和Canvas学习笔记
- Ext.util.md5
- 赋予表权限
- win7,vs2010,opencv2.3,运行程序,报错“计算机丢失tbb_debug.dll”
- hadoop-0.23.5 pipes测试
- 晶体负载电容
- DJNativeSwing跨平台的浏览器、Flash播放器、HTML编辑器和多媒体播放器组件
- sysctl 命令