0%

[技能檢定]題組二 步驟8 建置忘記密碼功能

題組的密碼尋回功能是以明碼方式在前台顯示出來,實務上千萬不要這麼做,這裏只是在測驗應檢人知道資料庫的應用方式。

建立密碼尋回畫面

/view/front/forgot.php 畫面html碼

1
2
3
4
5
6
7
<fieldset>
<legend>忘記密碼</legend>
<div>請輸入信箱以查詢密碼</div>
<input type="email" name="email" id="email">
<div id="result"></div>
<button onclick="find()">尋找</button>
</fieldset>

撰寫ajax取回結果函式

/view/front/forgot.php

1
2
3
4
5
function find(){
$.get("./api/find.php",{email:$("#email").val()},(res)=>{
$("#result").text(res)
})
}