JavaScript中仅匹配数字的正则表达式？

在本教程中，我们将学习在JavaScript中仅匹配数字的正则表达式。

数据是每个网页的核心元素。我们必须根据要求验证它。我们经常处理数据，并需要用户提供正确的输入。例如，用户不能在接受电话号码的字段中输入字母，或者输入长度应为十位数字。

为了在JavaScript中验证数据，可以使用正则表达式。我们经常需要过滤必要的数据并提取匹配的数据。在这里，我们将从数据中匹配所有数字。

因此，让我们看看在JavaScript中仅匹配数字的正则表达式。

使用正则表达式

我们将使用正则表达式仅从数据中匹配数字。正则表达式只是一个有意义的字符模式。此模式检查数据并返回已检查的数据。

它是由模式和修饰符组成的。模式由字符或字符范围组成，修饰符就像一种方法，它赋予模式某些特性，例如忽略大小写等等。

我们可以使用match()方法返回与正则表达式匹配的数据。否则，test()方法将返回一个布尔值，表示数据中是否找到匹配项。

所有用户都可以遵循语法来使用正则表达式在JavaScript中仅匹配数字

语法

//syntax of regular expressions
/pattern/modifier(s);

//Regular expression to match numbers only
var <Pattern> = /\d+/g ;
   OR
var <Pattern> = new RegExp('^[0-9]+$');
'<your string here>'.match( <Pattern> );

按照上述语法在JavaScript中仅匹配数字

示例1

在这个例子中，我们使用了正则表达式来仅从文本中匹配数字。我们从用户那里获取文本字符串作为输入。通过使用match方法，我们匹配了正则表达式和用户提供的字符串。返回值将是仅从用户给定的值中提取的数字。

<html>
<body>
   <h2> Using the <i> Regular expression </i> to match numbers only in JavaScript </h2>
   <label for="number"> Add a number: </label>
   <input type="text" id="number" name="Number" value="" />
   <button id="btn"> Submit </button>
   <div id="div"> </div>
   <script>
      document.getElementById("btn").addEventListener("click", func);
      var element = document.getElementById("div");
      function func() {
         var value = document.getElementById("number").value;
         var regexp = /\d/g;
         var para = document.createElement('p');
         para.innerHTML = "Numbers containing in the Text: " + value.match(regexp);
         element.appendChild(para);
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用了正则表达式从字符串中匹配了仅数字，并在屏幕上显示了这些数字。

示例2

在下面的示例中，我们使用了输入字段来获取用户的手机号码。输入字段可以接受文本和数字作为输入。我们将验证用户提供的值不应包含字母。电话号码不包含字母。因此，我们正在验证用户提供的数据。

<html>
<body>
   <h2> Using the <i> Regular expression </i> to match numbers only in JavaScript </h2>
   <div id="div">
      <label for="text"> Enter mobile number : </label>
      <input type="text" id="text" name="Text" value="" />
   </div>
   <button id="btn"> Submit </button>
   <script>
      document.getElementById("btn").addEventListener("click", func);
      var element = document.getElementById("div");
      function func() {
         var value = document.getElementById("text").value;
         var expression = new RegExp('^[0-9]+$');
         if (document.getElementById("para")) {
            document.getElementById("para").remove();
         }
         if (!expression.test(value)) {
            var para = document.createElement('span');
            para.innerHTML = " **Mobile number does not contain letters";
            para.style.color = "red";
            para.id = "para";
            element.appendChild(para);
         } else {
            var para = document.createElement('span');
            para.innerHTML = "**Currect input, you can proceed";
            para.style.color = "red";
            para.id = "para";
            element.appendChild(para);
         }
      }
   </script>
</body>
</html>

在上面的示例中，用户可以看到我们使用了正则表达式来验证用户提供的数据。在示例中，我们只接受数字。

在本教程中，我们学习了在JavaScript中仅匹配数字的正则表达式。

更新于：2022年11月15日

4K+ 次浏览

启动您的职业生涯

完成课程后获得认证

开始学习
广告