判断弹出层登陆窗口
时间:2010-01-06
来源:互联网
弹出层提示窗口 登陆验证 当错误的时候 弹出层上面提示错误 层不会消失(也就是不刷新),请问怎么写?求助各位高手,希望高手发个实例源码!谢谢啦!
作者: jackylin 发布时间: 2010-01-06
ajax
作者: cain 发布时间: 2010-01-06
ajax技术
登陆页面
<script language="javascript">
var XHRObject=false;
if(window.XMLHttpRequest)
{
XHRObject= new XMLHttpRequest();
}
else{
if(window.ActiveXObject)
{
XHRObject= new ActiveXObject("Microsoft.XMLHTTP");
}
}
function send()
{
var f=document.getElementById('user').value;
XHRObject.open("GET","for.php?id="+f,true);
XHRObject.onreadystatechange= getdata;
XHRObject.send(null);
}
function getdata()
{
if(XHRObject.readyState==1)
{
document.getElementById('checkuser').innerHTML="loading......";
}
if(XHRObject.readyState==4 && XHRObject.status == 200)
{
var text=XHRObject.responseText;
document.getElementById('checkuser').innerHTML=text;
}
}
</script>
<div class="left" align="center"> 用 户 名:<input type="text" size="20" name="user" id="user" onBlur="send()"></div><div id="checkuser"> 请输入用户名</div>
<div class="left" align="center"> 密 码:<input type="password" size="20" name="pass1" id="pass1" value="" onKeyPress="send2()" onBlur="return checkps1();"></div><div id="checkpass1"> 请输入密码</div>
for.php页面
if($_GET[id])
{
sleep(1);
$s="SELECT * FROM `login` where `user`= '$_GET[id]'";
$q=mysql_query($s);
if(is_array(mysql_fetch_row($q)))
{ $str2=iconv("GBK","UTF-8","正确");
echo "<font color=red>*".$str2."</font>";
}
else
{
$str3=iconv("GBK","UTF-8","登陆错误");
echo "<font color=green>".$str3."</font>";
}
}
}
登陆页面
<script language="javascript">
var XHRObject=false;
if(window.XMLHttpRequest)
{
XHRObject= new XMLHttpRequest();
}
else{
if(window.ActiveXObject)
{
XHRObject= new ActiveXObject("Microsoft.XMLHTTP");
}
}
function send()
{
var f=document.getElementById('user').value;
XHRObject.open("GET","for.php?id="+f,true);
XHRObject.onreadystatechange= getdata;
XHRObject.send(null);
}
function getdata()
{
if(XHRObject.readyState==1)
{
document.getElementById('checkuser').innerHTML="loading......";
}
if(XHRObject.readyState==4 && XHRObject.status == 200)
{
var text=XHRObject.responseText;
document.getElementById('checkuser').innerHTML=text;
}
}
</script>
<div class="left" align="center"> 用 户 名:<input type="text" size="20" name="user" id="user" onBlur="send()"></div><div id="checkuser"> 请输入用户名</div>
<div class="left" align="center"> 密 码:<input type="password" size="20" name="pass1" id="pass1" value="" onKeyPress="send2()" onBlur="return checkps1();"></div><div id="checkpass1"> 请输入密码</div>
for.php页面
if($_GET[id])
{
sleep(1);
$s="SELECT * FROM `login` where `user`= '$_GET[id]'";
$q=mysql_query($s);
if(is_array(mysql_fetch_row($q)))
{ $str2=iconv("GBK","UTF-8","正确");
echo "<font color=red>*".$str2."</font>";
}
else
{
$str3=iconv("GBK","UTF-8","登陆错误");
echo "<font color=green>".$str3."</font>";
}
}
}
作者: shevchenko 发布时间: 2010-01-06
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28