下一篇 → ← 上一篇

JavaScript 仅数字正则表达式

17 Mar 2025 | 5 分钟阅读

JavaScript 正则表达式用于验证网页上的表单。我们可以使用 JavaScript 函数对字符串中的数字进行验证。JavaScript 正则表达式可用于匹配、搜索、测试和验证字符串。

语法

以下语法仅用于处理字符串中的数字。

<script>
//only the number of the input string
var numberRegex = /^\d+$/;
//number in between the input string
var numberRegex = /^[0-9]+$/;
//number at the end of the input string
var numberRegex1 = /[0-9]+$/;
//number at the start of the input string
var numberRegex2 = /^[0-9]/;
</script>

示例

以下示例展示了使用 JavaScript 正则表达式进行仅数字验证的不同类型的输入数据。

示例 1

以下示例使用 JavaScript 内容来检查字符串中的仅数字。我们可以只输入数字，不能输入字符。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /^\d+$/;
// Validate numbers
var t1 = numberRegex.test('09926677022'); 
var t2 = numberRegex.test('HiiErr0011'); 
var t3 = numberRegex.test('11.0331'); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

示例 2

以下示例使用 JavaScript 内容来检查字符串中的仅数字。我们可以使用 match 方法获取值来检查正则表达式。

<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex using Match Method
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /^\d+$/;
// Validate numbers
var val1 = '09926677022';
var val2 = 'HiiErr0011';
var val3 = '11.0331';
var t1 = val1.match(numberRegex); 
var t2 = val2.match(numberRegex); 
var t3 = val3.match(numberRegex); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

示例 3

以下示例使用 JavaScript 中的内容来检查字符串中的仅数字。我们可以使用 search 方法获取值来检查正则表达式。

<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript-only Number Regex using Search Method
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /[1-4]/g;
// Validate numbers
var val1 = '09926677022';
var val2 = 'HiiErr0011';
var val3 = '11.0331';
var t1 = val1.search(numberRegex); 
var t2 = val2.search(numberRegex); 
var t3 = val3.search(numberRegex); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

Example4

以下示例使用 JavaScript 中的内容来检查字符串中的仅数字。我们可以使用 exec 方法获取值来检查正则表达式。

<!DOCTYPE html>
<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex using exec method
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /^\d+$/;
// Validate numbers
var t1 = numberRegex.exec('09926677022'); 
var t2 = numberRegex.exec('HiiErr0011'); 
var t3 = numberRegex.exec('11.0331'); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

示例 5

以下示例使用数字分组来检查字符串中的仅数字。正则表达式中使用了 6 到 9 的数字分组来匹配值。

<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex using Match Method
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /[6-9]/g;
// Validate numbers
var val1 = '09926677022';
var val2 = 'HiiErr0011';
var val3 = '11.0331';
var t1 = val1.match(numberRegex); 
var t2 = val2.match(numberRegex); 
var t3 = val3.match(numberRegex); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

示例 6

以下示例使用数字分组来检查字符串中的仅数字。正则表达式中使用了 0 到 9 的数字。第一个正则表达式用于数字范围，第二个正则表达式用于数字结尾，第三个正则表达式用于数字开头。

<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex with the number
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /^[0-9]+$/;
var numberRegex1 = /[0-9]+$/;
var numberRegex2 = /^[0-9]/;
// Validate numbers
var val1 = '09926677022';
var val2 = 'HiiErr0011';
var val3 = '11.0331';
var t1 = val1.match(numberRegex); 
var t2 = val2.match(numberRegex1); 
var t3 = val3.match(numberRegex2); 
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> HiiErr0011 : "+t2+" <br> 11.0331 : "+t3;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

示例 7

以下示例使用数字分组来检查字符串中的仅数字。正则表达式中使用了零到九的数字来匹配值。可以使用 match 和 test 函数，通过正则表达式值来测试十进制和二进制数字。

<html>
<head>
<title>
JavaScript only Number Regex
</title>
</head>
<body>
<h3>
JavaScript only Number Regex with the number
</h3>
<h4> We can use the validation for the numbers in the string using the javascript function.
</h4>
<div id = "regex_information"></div>
<button onclick = "display();"> Click Here!</button>
<script>
function display() {
var numberRegex = /^(?:-(?:[1-9](?:\d{0,2}(?:,\d{3})+|\d*))|(?:0|(?:[1-9](?:\d{0,2}(?:,\d{3})+|\d*))))(?:.\d+|)$/;
var numberRegex1 = /(?:-(?:[1-9](?:\d{0,2}(?:,\d{3})+|\d*))|(?:0|(?:[1-9](?:\d{0,2}(?:,\d{3})+|\d*))))(?:.\d+|)/g;
// Validate numbers
var val1 = '09926677022';
var val2 = '88.2mmm11';
var val3 = '11.0331';
var val4 = '11.03mmm31';
var t1 = val1.match(numberRegex); 
var t2 = val2.match(numberRegex1); 
var t3 = numberRegex1.test(val3); 
var t4 = numberRegex.test(val4);
var element_data = document.getElementById("regex_information");
element_data.innerHTML = "09926677022 : "+t1+"<br> 88.2mmm11 : "+t2+" <br> 11.0331 : "+t3+"<br> 11.03mmm31 : "+t4;
}
</script>
</body>
</html>

输出

下图显示了使用 JavaScript 正则表达式处理字符串中的仅数字值。

JavaScript only Number Regex

结论

仅数字正则表达式用于验证 HTML 页面中输入值的数字。它在表单和其他用户交互功能中使用 JavaScript 函数。

下一个主题JavaScript 键盘事件

← 上一篇下一篇 →

相关帖子

我们提供所有技术（如 Java 教程、Android、Java 框架）的教程和面试问题

联系信息

G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India

hr@tpointtech.com

关注我们

教程

Java 数据结构 C 语言 C++ 教程 C# 教程 PHP 教程 HTML 教程 JavaScript 教程 jQuery 教程 Spring 教程

面试题

Microsoft Amazon Adobe Intuit Accenture Cognizant Capgemini Wipro Tcs Infosys

在线编译器

C R C++ Php Java Html Swift Python JavaScript TypeScript

最新帖子 | 教程列表 | 隐私政策 | 关于我们 | 联系我们

© 版权所有 2011 - 2025 TpointTech.com。保留所有权利。