怎样用JS Prompt进行简单验证

avatar
作者
筋斗云
阅读量:0

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

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

广告一刻

为您即时展示最新活动产品广告消息,让您随时掌握产品活动新动态!