七、注册页面实现
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了七、注册页面实现,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含3679字,纯文字阅读大概需要6分钟。
内容图文
PHP经典项目案例-(一)博客管理系统4本篇使用Ajax实现页面无刷新验证用户名是否存在。
七、注册页面实现
1、注册页面设计
register.php部分代码:
2、输入框失去焦点后调用的javascript函数实现:fun.js:
function chkUserName(){ var c = document.getElementById('txt_regname'); var d = c.value; var id; if(d==""){ document.getElementById('l1').innerText="请输入用户名"; document.getElementById('ll1').innerText=""; }else{ var xmlObj; xmlObj = new XMLHttpRequest(); xmlObj.open('POST','chk.php?d='+d,true); xmlObj.onreadystatechange = callBackFun; xmlObj.send(null); function callBackFun() { if(xmlObj.readyState == 4&&xmlObj.status ==200){ if(xmlObj.responseText=='y'){ document.getElementById('l1').innerText="×"; document.getElementById('ll1').innerText=""; }else{ document.getElementById('l1').innerText=""; document.getElementById('ll1').innerText="√"; } } } }}function chkRealName(){ var c = document.getElementById('txt_regrealname'); var d = c.value; if(d==""){ document.getElementById('l4').innerText="请输入真实姓名"; document.getElementById('ll4').innerText=""; }else{ document.getElementById('l4').innerText=""; document.getElementById('ll4').innerText="√"; }}function chkPwd(){ var p = document.getElementById('txt_regpwd').value; var c = document.getElementById('ll1').innerText; if(c=="√"){ if(p==""){ document.getElementById('l2').innerText="请输入密码"; } else if(p.length<3){ document.getElementById('l2').innerText="×"; document.getElementById('ll2').innerText=""; }else{ document.getElementById('l2').innerText=""; document.getElementById('ll2').innerText="√"; } }}function chkRePwd(){ var p = document.getElementById('txt_regpwd').value; var rp = document.getElementById('txt_regpwd2').value; var c = document.getElementById('ll2').innerText; if(c=="√"){ if(p==rp){ document.getElementById('ll3').innerText="√"; document.getElementById('l3').innerText=""; }else{ document.getElementById('ll3').innerText=""; document.getElementById('l3').innerText="× 密码不一致"; } }}function chkBirth(){ var c = document.getElementById('birth'); var d = c.value; if(d==""){ document.getElementById('l6').innerText="请输入出生日期"; document.getElementById('ll6').innerText=""; }else{ document.getElementById('l6').innerText=""; document.getElementById('ll6').innerText="√"; }}function chkEmail(){ var e = document.getElementById('txt_regemail').value; if(e==""){ document.getElementById('l5').innerText="请输入邮箱"; document.getElementById('ll5').innerText=""; }else{ document.getElementById('l5').innerText=""; document.getElementById('ll5').innerText="√"; }}
3、Ajax验证用户名使用的处理文件chk.php:
'
execute_dql($sql); $s = $res->fetch_assoc(); if(count($s)!=0){ echo 'y'; }else{ echo 'n'; }
4、注册后将用户添加到数据库registerdeal.php
execute_dql($sql);$result=$res->fetch_assoc();if (count($result)!=0){ echo (""); exit();}$_SESSION['username']=$_POST['txt_regname'];$regname=$_POST['txt_regname'];$regrealname=$_POST['txt_regrealname'];$regpwd=$_POST['txt_regpwd'];$regbirthday=$_POST['txt_birthday'];$regemail=$_POST['txt_regemail'];$regcity=$_POST['txt_province'].$_POST['txt_city'];$regico=$_POST['txt_ico'];$regsex=$_POST['txt_regsex'];$regqq=$_POST['txt_regqq'];$reghomepage=$_POST['txt_reghomepage'];$regsign=$_POST['txt_regsign'];$regintroduce=$_POST['txt_regintroduce'];$ip=getenv(REMOTE_ADDR);$sql = "Insert Into tb_user (regname,regrealname,regpwd,regbirthday,regemail,regcity,regico,regsex,regqq,reghomepage,regsign,regintroduce,ip,fig)"." Values ('$regname','$regrealname','$regpwd','$regbirthday','$regemail','$regcity','$regico','$regsex','$regqq','$reghomepage','$regsign','$regintroduce','$ip',0)";$INS=$sqlHelper->execute_dml($sql);echo "";echo "";?>
内容总结
以上是互联网集市为您收集整理的七、注册页面实现全部内容,希望文章能够帮你解决七、注册页面实现所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。