地特四等申論題
110年
[資訊處理] 程式設計概要
第 四 題
四、請撰寫一支包含Javascript及HTML程式碼的checkLegalForVaccineShot.html程式，執行後可以呈現如下的頁面，其中「身分證字號」、「健保卡卡號」、及「手機號碼」輸入欄位的長度由 HTML 控制，資料內容則使用 Javascript 檢查，資料內容檢查後，在對應的資料輸入位置右方顯示，「請輸入正確的……」或"OK"表示檢查的結果。（20 分）
註：身分證字號由一碼的英文字母及九碼的數字所組成，如 A123456789
註：健保卡卡號由三組四碼的數字所組成，如 1234-5678-1234
註：手機號碼由 09 加上八碼的數字所組成，如 0912345678
(Image shows a form: "預約平台身分驗證". ID field, Health Card field split into 3 boxes, Phone field. Submit button.)
📝 此題為申論題
思路引導 VIP
看到本題，首先應分析畫面結構：表單包含文字輸入框、按鈕以及顯示訊息的區塊。接著提取限制條件：HTML 端須使用 maxlength 屬性限制輸入字元長度；JavaScript 端則強烈建議使用正規表達式（Regular Expression）來檢查特定的字串格式（如首字英文、特定數字開頭等），最後透過 DOM 操作（如 getElementById 與 textContent）將驗證結果即時渲染至畫面右側。
🤖
AI 詳解
AI 專屬家教
【解題關鍵】利用 HTML 的 maxlength 屬性控制輸入最大長度，並透過 JavaScript 結合正規表達式（Regular Expression）進行精確的格式驗證與 DOM 內容更新。
【完整程式碼】
請將以下程式碼存為 checkLegalForVaccineShot.html 檔案：
▼ 還有更多解析內容