注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼

發(fā)布時(shí)間：2021-03-04 15:51:17 來(lái)源：億速云閱讀：217 作者：TREX 欄目：開發(fā)技術(shù)

這篇文章主要講解了“注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼”，文中的講解內(nèi)容簡(jiǎn)單清晰，易于學(xué)習(xí)與理解，下面請(qǐng)大家跟著小編的思路慢慢深入，一起來(lái)研究和學(xué)習(xí)“注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼”吧！

reg.php

復(fù)制代碼代碼如下:

<!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" />
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<link rel="stylesheet" type="text/css" href="css/int.css" />
<script type="text/javascript" src="js/func.js"></script>
<style type="text/css">
td{
height:30px;
vertical-align:middle;
align:center;
}
#myText{
width:600px;
}
</style>
<title>注冊(cè)頁(yè)面</title>
</head>
<body >
<?php
error_reporting(0);
//不讓PHP報(bào)告有錯(cuò)語(yǔ)發(fā)生。如果不關(guān)閉好有類似這的錯(cuò)語(yǔ) Warning: preg_match() 關(guān)閉就不出現(xiàn)了
session_start();
header("Cache-control: private");
$conn = @ mysql_connect("localhost","root","")or die("數(shù)據(jù)庫(kù)連接錯(cuò)誤");
mysql_select_db("bbs",$conn);
mysql_query("set names utf8");
if($_POST['submit'])
{
$username = $_POST["username"];
$sql="select userName from user_info where userName='$username'";
// echo $sql;
$query=mysql_query($sql);
$rows = mysql_num_rows($query);
if($rows > 0){
echo "<script type='text/javascript'>alert('用戶名已存在');location='javascript:history.back()';</script>";
}else{
$user_in = "insert into user_info (username,pass,sex,qq,email,img) values ('$_POST[username]',md5('$_POST[pass]'),'$_POST[sex]','$_POST[qq]','$_POST[email]','$_POST[img_select]')";
//echo $user_in;
mysql_query($user_in);
echo "<script type='text/javascript'>alert('寫入成功??！');location.href='login.php';</script>";
}
//javascript:history.go(-1)
}
?>
<form action="reg.php" name="reg_form" method="post" onsubmit="return check_reg()">
<table name="reg_table" align="left">
<tr>
<td>用戶：</td><td><input id="username" name="username" class="myText" type="text" maxlength="12" /></td>
</tr>
<tr> 
<td > 性別：</td>
<td>女<input type="radio" value="1" name="sex"/>
男<input type="radio" value="2" name="sex" />
保密<input type="radio" value="0" name="sex" checked/></td>
</tr>
<tr>
<td>密碼：</td><td><input name="pass" class="myText" type="password" onblur="check_len(this)"/><span id="show_pass" ></span></td>
</tr>
<tr>
<td>重復(fù)密碼：</td><td><input name="repass" class="myText" type="password" onblur="check_pass(this)" /><span id="show_repass" ></span></td>
</tr>
<tr>
<td>QQ：</td><td><input type="text" class="myText" name="qq" onblur="check_qq(this)"/><span id="show_qq"></span></td>
</tr>
<tr>
<td>郵箱：</td><td><input type="text" class="myText" name="email" onblur="check_email(this)"/><span id="show_e" ></span></td>
</tr>
<tr>
<td height="60">頭像：</td>
<td>
<select name="img_select" onchange="img_change(this)">
<option value="101" >女 001</option>
<option value="102" >女 002</option>
<option value="103" >女 003</option>
<option value="104" >女 004</option>
<option value="105" >男 001</option>
<option value="106" >男 002</option>
<option value="107" >男 003</option>
<option value="108" >男 004</option>
</select>
<img src="/bbs/img/101.gif" id="tx_change" alt=""/>
</td>
</tr>
<tr height="20" align="justify">
<td align="right" ><input type="submit" value="注冊(cè)" name="submit" /></td>
<td><input type="reset" value="重置" name="reset" /></td>
</tr>
<tr>
<td colspan="2">我已有賬號(hào)現(xiàn)在<a href="login.php">登錄</a></td>
</tr>
</table>
</form>
</body>
</html>

func.js

復(fù)制代碼代碼如下:

//根據(jù)下拉框變換圖片
function img_change(thisObj){
var imgsrc = "/bbs/img/"+ thisObj.value+".gif";
document.getElementById("tx_change").src=imgsrc;
}
//檢查是否都符合注冊(cè) 要求
function check_reg()
{
if(check_len() && check_pass() && check_email() && check_qq())
{
return true;
}else{
return false;
}
}
//檢查密碼長(zhǎng)度不能少于6
function check_len(thisObj){
if(thisObj.value.length==0)
{
document.getElementById('show_pass').innerHTML="密碼不能為空";
return false;
}else{
if (thisObj.value.length<6)
{
document.getElementById('show_pass').innerHTML="密碼長(zhǎng)度不少于6";
return false;
}
document.getElementById('show_pass').innerHTML="";
return true;
}
}
//檢查倆次密碼輸入是否一致
function check_pass(thisObj){
var psw=document.getElementById('pass');
if(psw.value.length==0)
{
document.getElementById('show_pass').innerHTML="密碼不能為空";
return false;
}else{
document.getElementById('show_pass').innerHTML="";
if (thisObj.value!=psw.value)
{
document.getElementById('show_repass').innerHTML="兩次密碼輸入不正確";
return false;
}
document.getElementById('show_repass').innerHTML="";
return true;
}
}
//檢查email是否正確
function check_email(thisObj){
var reg=/^([a-zA-Z\d][a-zA-Z0-9_]+@[a-zA-Z\d]+(\.[a-zA-Z\d]+)+)$/gi;
var rzt=thisObj.value.match(reg);
if(thisObj.value.length==0){
document.getElementById('show_e').innerHTML="Email不能為空";
return false;
}else{
if (rzt==null)
{
document.getElementById('show_e').innerHTML="Email地址不正確";
return false;
}
document.getElementById('show_e').innerHTML="";
return true;
}
}
//檢查qq格式是否正確
function check_qq(thisObj){
var qq=document.getElementById('qq').value;
var reg=/^\d+$/;
if(qq.search(reg))
{
document.getElementById('show_qq').innerHTML=" QQ 只能為數(shù)字";
return false;
}else{
document.getElementById('show_qq').innerHTML="";
return true ;
}
}

感謝各位的閱讀，以上就是“注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼”的內(nèi)容了，經(jīng)過(guò)本文的學(xué)習(xí)后，相信大家對(duì)注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼這一問(wèn)題有了更深刻的體會(huì)，具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云，小編將為大家推送更多相關(guān)知識(shí)點(diǎn)的文章，歡迎關(guān)注！

向AI問(wèn)一下細(xì)節(jié)

注冊(cè)頁(yè)面之前如何驗(yàn)證用戶名是否存在的php代碼

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽