PHP經典項目案例-(一)部落格管理系統4_PHP教程

來源:互聯網
上載者:User

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 "";?>

至此 ,使用者註冊已經實現。

http://www.bkjia.com/PHPjc/926458.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/926458.htmlTechArticlePHP經典項目案例-(一)部落格管理系統4 本篇使用Ajax實現頁面無重新整理驗證使用者名稱是否存在。 七、註冊頁面實現 1、註冊頁面設計 register.php部...

  • 聯繫我們

    該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

    如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.