使用正则表达式进行输入验证：JavaScript 教程-js教程-PHP中文网

使用正则表达式进行输入验证：JavaScript 教程

DDD

发布： 2025-10-16 12:52:15

原创

423人浏览过

使用正则表达式进行输入验证：javascript 教程

本文旨在帮助开发者理解如何使用 JavaScript 中的正则表达式来验证用户输入，确保输入符合预期格式。我们将通过一个实际的游戏场景案例，讲解如何使用正则表达式验证用户输入的数字，并提供清晰的代码示例和注意事项，帮助你掌握这一重要的编程技巧。

在开发 Web 应用或游戏时，对用户输入进行验证是至关重要的。它可以防止恶意输入、确保数据格式正确，并提高程序的健壮性。正则表达式是一种强大的工具，可以用来匹配和验证各种文本模式。本文将通过一个简单的例子，介绍如何使用 JavaScript 中的正则表达式来验证用户输入的数字。

案例：验证游戏次数输入

假设我们正在开发一个游戏，在游戏开始前需要询问用户想玩多少次。为了确保程序的正常运行，我们需要验证用户输入的是一个有效的整数。

错误示例分析

立即学习“Java免费学习笔记（深入）”；

原提问者尝试将数字转换为数组，然后逐个元素与正则表达式进行比较，这是一种不必要的复杂方法，并且存在逻辑错误。checkPlayCount[i] != regxNum 永远为真，因为数组中的元素是数字，而 regxNum 是一个正则表达式对象。

正确的解决方案

绘蛙AI修图

绘蛙平台AI修图工具，支持手脚修复、商品重绘、AI扩图、AI换色

264

查看详情

更简单、更有效的方法是直接使用正则表达式的 test() 方法来验证整个输入字符串。

let playCount = 0;
let regxNum = /^[0-9]+$/; // Regular Expression to match all numbers between 0-9

let askPlayCount = () => {
  playCount = prompt("How many times do you want to play: ");
}

askPlayCount();

// Code for validating input: must be a number.
while (!regxNum.test(playCount)) {
  console.log("Please enter a valid input");
  askPlayCount();
}

playCount = parseInt(playCount); // Convert playCount to integer after validation

console.log("You want to play " + playCount + " times.");

登录后复制

代码解释：

定义正则表达式： let regxNum = /^[0-9]+$/; 这个正则表达式的含义是：
- ^：匹配字符串的开头。
- [0-9]：匹配 0 到 9 之间的任意一个数字。
- +：匹配前面的字符一次或多次。
- $：匹配字符串的结尾。因此，这个正则表达式可以匹配由一个或多个数字组成的字符串。
获取用户输入： playCount = prompt("How many times do you want to play: "); 使用 prompt() 函数获取用户的输入，并将其赋值给 playCount 变量。注意，prompt() 返回的是字符串类型。
验证输入： while (!regxNum.test(playCount)) { ... } 使用 while 循环和 regxNum.test(playCount) 来验证用户输入是否符合正则表达式。test() 方法会返回一个布尔值，表示字符串是否匹配正则表达式。如果输入不符合要求，则循环会一直执行，直到用户输入正确的数字。
类型转换： playCount = parseInt(playCount); 在验证通过后，使用 parseInt() 函数将 playCount 转换为整数类型，以便后续使用。