ajax验证用户唯一性

翻译 2016年05月30日 09:50:21
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="js/ajax.js"></script> <!-- 载入 Ajax 类库 -->
<title>Ajax 验证用户名</title>
<style type="text/css">
body {
font-size:12px;
}
</style>
</head>
<body>
<form action="reg.php" method="post">
username:<input type="text" value="" onBlur="validate(this.value);" name="username">&nbsp;<span id="userText"></span><br />
password:<input type="password" value="" name="password"><br />
<input type="button" value="Submit">

</form>

<script>

var = userText = document.getElementById("userText");

function validata(val){

if(!val.math(/^\s+$/)){

 userText.innerHTML = '<font color="red">请输入用户名!</font>'

    }else{

if(val.length<2){

userText.innerHTML = '<font color="red">用户名的长度必须大于2!</font>';     

}else{

var ajax = Ajax()//创建一个ajax对象

ajax.post('post.php',{username : val},function(data){

userText.innerHTML = data//将后台返回的数据填写到提示框中。

})

}

}

}

</script>

</body>

</html>

//php文件

<?php
require_once './config.inc.php';
$m = new Model(); // 实例化一个数据库操作类
$username = $_POST['username']; // 接受传递过来的用户名
$count = $m->total('user', "name='{$username}'"); // $count 用户名在数据库出现的次数
if (intval($count)>0) {
echo '<font color="red">抱歉,'. $username .'已被注册,请更换!</font>';
} else {
echo '<font color="green">恭喜,'. $username .'可以注册!</font>';
}
?>


相关文章推荐

ajax 验证唯一性

ajax 验证唯一性

Ajax实战项目2 验证用户的唯一性 环境(Ajax+Jquery+struts2)

验证用户的唯一性 环境(Ajax+Jquery+struts2) 学习本实例,首先要学习Ajax+Jquery+struts2,对他们有一些了解。不然,你会蒙的。。。 一切以学习为目的。大家相互学...

Ajax 验证用户名唯一性数据校验

注:本文中使用到的一些类库在前面文章都能找到源代码,我会在文中指明链接所在,为了缩短文章篇幅,由此带来的阅读不便,敬请谅解。 本文要说明的是如何使用 Ajax 验证用户名是否被注册。当您注册某网站的...

Ajax用户唯一性的验证

Ajax用户唯一性的验证 今天初步学习了Ajax技术,简单的做了一个小程序,用Ajax技术,实现从数据库中获取名字,验证用户的用户名的唯一性的操作。 在写的时候遇到了BUG,调了半天,不知道怎么回...

用户唯一性的校验

用户唯一性的校验,要确定用户校验的时机。要在用户添加或者修改完之后,立刻发送ajax请求,校验。 用户校验分两种情况,一种是新添加用户,直接判断是否存在该用户名即可。               ...

使用Ajax验证用户是否已存在

在服务器端使用Servlet,里面在集合里存了几个字符串,没有对数据库操作。 前台input页面和Ajax验证: 用户登录验证 $(function (){ $(":text[na...

简单实现ajax验证用户是否可以登录

无刷新判断会员是否能正确登录:登录界面代码: 用户名: ...

JSP+Servlet+Ajax验证用户

废话不多说,贴代码,一般看到我这个帖子的人,说明

ajax验证用户登陆及记住密码

一个人独自负责一个项目,正好记下以前没实现过的技术点,今天就从登陆功能开始,前端是js验证,后端是php脚本验证并且添加了记住密码功能。 从上图可以看出,前端 西安嘉信铁路器材有限公司(w...

Ajax使用WebService无刷新验证注册用户的唯一性

$(function () { $("#btn").click(function () { WebService.GetUername($(...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ajax验证用户唯一性
举报原因:
原因补充:

(最多只允许输入30个字)