溫馨提示×

怎樣用JS Prompt進(jìn)行簡單驗證

js
小樊
81
2024-10-12 21:34:24
欄目: 編程語言

要使用JavaScript的prompt()函數(shù)進(jìn)行簡單驗證，您可以按照以下步驟操作：

  1. 首先，在HTML文件中創(chuàng)建一個按鈕，點擊該按鈕時會觸發(fā)一個JavaScript函數(shù)。
<!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>
  1. 接下來，在與HTML文件相同的目錄中創(chuàng)建一個名為script.js的JavaScript文件。在此文件中，我們將編寫validateInput()函數(shù)，該函數(shù)將使用prompt()函數(shù)獲取用戶輸入，并進(jìn)行驗證。
function validateInput() {
    // 使用 prompt() 函數(shù)獲取用戶輸入
    const userInput = prompt("請輸入一個數(shù)字（1-100）：");

    // 檢查用戶輸入是否為數(shù)字
    if (isNaN(userInput)) {
        alert("輸入無效，請輸入一個數(shù)字！");
        return;
    }

    // 將用戶輸入轉(zhuǎn)換為整數(shù)
    const inputNumber = parseInt(userInput);

    // 檢查數(shù)字是否在 1 到 100 的范圍內(nèi)
    if (inputNumber < 1 || inputNumber > 100) {
        alert("輸入無效，請輸入一個介于 1 到 100 之間的數(shù)字！");
        return;
    }

    // 如果輸入有效，顯示確認(rèn)消息
    alert("輸入有效！您輸入的數(shù)字是：" + inputNumber);
}

現(xiàn)在，當(dāng)用戶點擊“點擊驗證”按鈕時，將彈出一個提示框要求用戶輸入一個數(shù)字。如果用戶輸入的不是數(shù)字或者輸入的數(shù)字不在1到100的范圍內(nèi)，程序?qū)@示一條錯誤消息。如果輸入有效，程序?qū)@示確認(rèn)消息。

0 踩