要使用JavaScript的prompt()
函數進行簡單驗證,您可以按照以下步驟操作:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>簡單驗證示例</title>
</head>
<body>
<button onclick="validateInput()">點擊驗證</button>
<script src="script.js"></script>
</body>
</html>
script.js
的JavaScript文件。在此文件中,我們將編寫validateInput()
函數,該函數將使用prompt()
函數獲取用戶輸入,并進行驗證。function validateInput() {
// 使用 prompt() 函數獲取用戶輸入
const userInput = prompt("請輸入一個數字(1-100):");
// 檢查用戶輸入是否為數字
if (isNaN(userInput)) {
alert("輸入無效,請輸入一個數字!");
return;
}
// 將用戶輸入轉換為整數
const inputNumber = parseInt(userInput);
// 檢查數字是否在 1 到 100 的范圍內
if (inputNumber < 1 || inputNumber > 100) {
alert("輸入無效,請輸入一個介于 1 到 100 之間的數字!");
return;
}
// 如果輸入有效,顯示確認消息
alert("輸入有效!您輸入的數字是:" + inputNumber);
}
現在,當用戶點擊“點擊驗證”按鈕時,將彈出一個提示框要求用戶輸入一個數字。如果用戶輸入的不是數字或者輸入的數字不在1到100的范圍內,程序將顯示一條錯誤消息。如果輸入有效,程序將顯示確認消息。