php jquery无刷新验证帐号,验证email
2010-12-14 18:00
316 查看
本例中帐号必须是email地址,超级实时每输入一个字符都会自动验证一次
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>php jquery check username ajax检查帐号唯一性</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function(){
$('#username').keyup(username_check);
});
function username_check(){
var username = $('#username').val();
if(username == "" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}else{
jQuery.ajax({
type: "POST",
url: "check.php",
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 1){
//不可以注册
$('#username').css('border', '3px #C33 solid');
$('#tick').hide();
$('#cross').fadeIn();
}else{
$('#username').css('border', '3px #090 solid');
$('#cross').hide();
$('#tick').fadeIn();
}
}
});
}
}
</script>
<style>
#username{
padding:3px;
font-size:18px;
border:3px #CCC solid;
}
#tick{display:none}
#cross{display:none}
</style>
</head>
<body>
Username: <input name="username" id="username" type="text" />
<img id="tick" src="tick.png" width="16" height="16"/>
<img id="cross" src="cross.png" width="16" height="16"/>
</body>
</html>
完整代码打包,不包括数据库,数据库只有一个字段,email
http://www.corange.cn//uploadfiles/check-username_55802.rar
原文地址:http://www.corange.cn/archives/2010/12/3750.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>php jquery check username ajax检查帐号唯一性</title>
<link href="../style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
$(document).ready(function(){
$('#username').keyup(username_check);
});
function username_check(){
var username = $('#username').val();
if(username == "" || username.length < 4){
$('#username').css('border', '3px #CCC solid');
$('#tick').hide();
}else{
jQuery.ajax({
type: "POST",
url: "check.php",
data: 'username='+ username,
cache: false,
success: function(response){
if(response == 1){
//不可以注册
$('#username').css('border', '3px #C33 solid');
$('#tick').hide();
$('#cross').fadeIn();
}else{
$('#username').css('border', '3px #090 solid');
$('#cross').hide();
$('#tick').fadeIn();
}
}
});
}
}
</script>
<style>
#username{
padding:3px;
font-size:18px;
border:3px #CCC solid;
}
#tick{display:none}
#cross{display:none}
</style>
</head>
<body>
Username: <input name="username" id="username" type="text" />
<img id="tick" src="tick.png" width="16" height="16"/>
<img id="cross" src="cross.png" width="16" height="16"/>
</body>
</html>
完整代码打包,不包括数据库,数据库只有一个字段,email
http://www.corange.cn//uploadfiles/check-username_55802.rar
原文地址:http://www.corange.cn/archives/2010/12/3750.html
相关文章推荐
- php jquery的无刷新验证和提交
- Jquery中的AJax技术结合PHP实现无刷新验证验证码
- PHP用jQuery实现无刷新验证
- PHP用户注册邮箱验证激活帐号
- Php Jquery Load FadeIn FadeOut 无刷新分页
- php email验证
- PHP用户注册邮箱验证激活帐号
- jquery 验证Email邮箱格式的几个例子
- php表单验证 对应jquery-validate插件
- php+jquery+ajax实现用户名验证
- 使用jQuery和PHP将Fckeditor(ckeditor)发布的内容进行无刷新分页
- 使用jQuery实现AJAX帐号验证效果
- 用Php编写注册后Email激活验证的实例代码
- 使用jQuery实现无刷新效果验证用户名
- PHP+jquery+ajaxupload 无刷新上传文件或图片
- PHP jQuery表单,带验证
- jQuery+Ajax+PHP无刷新分页
- php + jquery ui插件 + jquery pager插件 实现新闻的 标签分类 + 无刷新分页
- php jquery 实现新闻标签分类与无刷新分页
- PHP Zend Email验证函数MailVal()函数的使用