申論題

二、請結合 HTML、JavaScript 及 PHP，撰寫一人事資料庫管理程式有關人 事基本資料新增功能的網頁，其網頁畫面如圖所示（HTML 只需寫出此 畫面的部分即可，寬度及字形大小自訂） ，當操作者填入資料後，按下提 交鍵時，網頁的 JavaScript 程式必須自動檢查員工年齡欄輸入的是數字， 且範圍必須在 1～150 之間，並檢查每個欄位均有填寫。若前述檢查有 誤，則必須使用跳出式視窗提出警告。

  若提交成功時，對應的 PHP 程式會確認資料表中員工編號欄資料沒有重 複後，再將這些資料加入人事基本資料表。若重複，則在網頁顯示資料 重複訊息即可。假定資料庫伺服器 IP 是 110.23.43.104，資料庫名稱是 PERSON，人事基本資料表名稱是 PBASIC，資料表內的欄位名稱依序是 PNO、NAME、AGE、TEL 及 ADDR。資料庫管理帳號是 sa，密碼是 admin。連結資料庫指令是 mysqli_connect（資料庫主機，登入帳號，登 入密碼，資料庫名稱），傳送 SQL 指令是 mysqli_query（連結資料庫， SQL）。（25 分）