阅读量:0
要使用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的范围内,程序将显示一条错误消息。如果输入有效,程序将显示确认消息。