用戶註冊與登錄（驗證和數據庫）

時間  2020-08-26
標籤 用戶 註冊 登錄 驗證 數據庫 欄目 SQL 简体版
原文   原文鏈接

1、用戶註冊與驗證（JavaScript實現--自學）javascript

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
<script type="text/javascript">
function check(){
var user = document.form1.userId.value; 
var pass = document.form1.password1.value; 
var rePass = document.form1.password2.value;
var email=form1.email.value;
var tel1=form1.tel1.value;
var tel2=form1.tel2.value;
var age=form1.age.value;html

if(parseInt(user)>0) {
        alert("不能全爲數字"); 
        form1.userId.focus(); 
        return false;}
if(user.length > 16 || user.length < 4){ 
        alert("帳號長度必須大於等於4,小於等於16"); 
        form1.userId.focus(); 
        return false; 
}else if(isFirst()){ 
    alert("帳號頭字母不能爲數字"); 
    form1.userId.focus(); 
    return false; 
}else if(isSpace()){ 
    alert("帳號只能包含字母,數字,下劃線'_'!"); 
    form1.userId.focus(); 
        return false; 
} 
else if(pass.length < 1){ 
    alert("請輸入密碼"); 
    form1.password1.focus(); 
    return false; 
}else if(pass != rePass){ 
    alert("兩次密碼輸入不相符合!"); 
    form1.password2.focus(); 
    return false; 
} else if(email.indexOf('@')<1){
 alert("郵箱格式不對！！");
 form1.email.focus();
 return false;
}else if(isNaN(age))
{
  alert('請輸入數字!');
  form1.age.focus();
  return false;
}java

    return true; 
}mysql

function isSpace(){ 
 
    var name = document.form1.userId.value.split(" "); 
     
    for(i= 0;i<name.length;i++){ 
        if(name[i]==""){ 
            return true; 
        }else if( !((name[i]<"z" && name[i] >"a")||(name[i] <"Z"&&name[i]>"A")  
        ||name[i] =="_"||(name[i]< "9" && name[i]>"0"))){ 
            return true; 
        }         
    } 
    return false; 
} 
 
 
function isFirst(){ 
    var name = document.form1.userId.value.split(""); 
    if(name[0] < "9" && name[0] > "0"){ 
        return true; 
    } 
    return false; 
} 
</script>
</head>正則表達式

<body>
<form id="form1" name="form1" method="post" onSubmit="return check();" action="doReg.jsp">
  <table border="0" class="fontstyle">
    <tr>
      <td colspan="3"><h2>用戶註冊</h2><hr></td>
    </tr>
    <tr>
      <td width=69>帳&nbsp;&nbsp;號*：</td>
      <td width="197"><input name="userId" type="text" id="userId" size="20"  onFocus=""/></td>
      <td width="220">4-16個字符，由字母或數字、下劃線，首字母不能爲數字，不可全爲數字</td>
    </tr>
    <tr>
      <td>密&nbsp;&nbsp;碼*：</td>
      <td><input name="password1" type="text" id="password1" size="20" /></td>
      <td>4-16個字符，由字母或數字，不可全爲數字</td>
    </tr>
    <tr>
      <td >確認密碼*：</td>
      <td><input name="password2" type="text" id="password2" size="20" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>呢&nbsp;&nbsp;稱：</td>
      <td><input name="name" type="text" id="name" size="20" /></td>
      <td>4-20個字符，由字母、數字和下劃線組成（可中文），不可全爲數字</td>
    </tr>
    <tr>
      <td>性&nbsp;&nbsp;別：</td>
      <td><input name="sex" type="radio"  value="男" checked="checked" />
        男
      <input type="radio" name="sex" value="女" />
      女</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>年&nbsp;&nbsp;齡：</td>
      <td><label for="age"></label>
      <input name="age" type="text" id="age" size="3" maxlength="3" /></td>
      <td>16-100歲</td>
    </tr>
    <tr>
      <td>喜歡商品：</td>
      <td><input class="size" type="checkbox" name="aihao" value="圖書" />
        圖書
          <input type="checkbox" name="aihao" value="電子產品" />
          電子產品
          <input type="checkbox" name="aihao" value="衣服"  />
        衣服
        <br/>
        <input type="checkbox" name="aihao" value="箱包"  />
        箱包       
        <input type="checkbox" name="aihao" value="飾品"/>
        飾品</td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>郵&nbsp;&nbsp;箱*：</td>
      <td><input name="email" type="text" id="email" size="20" /></td>
      <td>格式如XX@sina.com</td>
    </tr>
    <tr>
      <td>手&nbsp;&nbsp;機*：</td>
      <td><input name="tel1" type="text" id="tel1" size="20" /></td>
      <td>格式如13562276780</td>
    </tr>
    <tr>
      <td>辦公電話：</td>
      <td><input name="tel2" type="text" id="tel2" size="20" /></td>
      <td>格式如0546-8083321</td>
    </tr>
    <tr>
      <td>&nbsp;</td>
      <td><input type="submit" name="submit" id="submit" value="提交" />
      <input type="reset" name="reset" id="reset" value="重置" /></td>
      <td>&nbsp;</td>
    </tr>
  </table>
</form>
</body>
</html>
sql

2、正則表達式驗證數據庫

 wKioL1VLc8eB875dAANJEAuPxAg761.jpg

用戶名：username,密碼:password,確認密碼：password2,郵箱：user_email,qq:user_qq,手機：user_tel,性別：user_sex，學歷：user_xueli，愛好：user_hobby，簡介user_introduce服務器



function checkname(){
    var reg =/^[a-zA-Z]\w{5,17}$/;
    var val = document.zhuce.username.value;
    if(!reg.test(val)){
    document.getElementById("name_msg").style="color:red;";
    　   //  　alert("註冊賬號只能以字母開頭，長度在6-18之間，只能包含字符、數字和下劃線！");
     　    　document.zhuce.username.focus();
             return false;
     }
}
jsp

用戶名:6-18位只能包含字符、數字和下劃線ide

var reg =/^[a-zA-Z]\w{5,17}$/;

密碼：6-20位，只能包含字符、數字和下劃線

reg =/^[A-Za-z0-9]{6,20}$/;

QQ號碼:var reg=/^[1-9]\d{4,9}$/;

郵箱:var reg=/^[\w_]+@\w+(\.\w+)+$/;

手機：var reg=/^1\d{10}$/;

3、存儲到數據庫

【預備知識】

一、鏈接到MySQL數據庫

　$conn=mysql_connect("localhost","root","") or die ("數據庫服務器鏈接失敗");

二、選擇數據庫

mysql_select_db("db_shop",$conn) or die("數據庫訪問錯誤"); 

三、執行SQL查詢語句

mysql_query("set names gb2312");    //設置客戶端字符集爲gb2312

$SQL="select * from tb_type";

$result=mysql_query($SQL);       //將SQL語句發送到數據庫執行並返回結果資源

四、逐行獲取數據

while($row=mysql_fetch_array($result))    //逐行獲取類別表數據

　　{

echo $row['typeid'];     //輸出類別號

echo $row['typename'];    //輸出類別名稱

echo "<br />";

　　}

五、統計查詢結果的記錄集數

echo $num=mysql_num_rows($result);    //統計類別的數量



4、用戶登錄（數據庫訪問）


5、管理界面UI

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程