怎样用JS Prompt进行简单验证

小樊

2024-10-12 21:34:24

栏目: 编程语言

要使用JavaScript的prompt()函数进行简单验证，您可以按照以下步骤操作：

首先，在HTML文件中创建一个按钮，点击该按钮时会触发一个JavaScript函数。

<!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>

接下来，在与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的范围内，程序将显示一条错误消息。如果输入有效，程序将显示确认消息。

怎样用JS Prompt进行简单验证

最新问答

相关标签