JavaScript 邮政编码验证
本文通过不同的示例解释了使用正则表达式使用 JavaScript 代码验证邮政编码。
在 JavaScript 中使用正则表达式进行邮政编码验证
我们通常使用正则表达式和 JavaScript 中默认的 test() 方法进行字符串验证。
我们只需要声明一个称为 regex 的正则表达式，例如 let regex = /(^\d{10}$)|(^\d{4}-\d{8}$)/; 并调用 test() 方法，将我们的字符串作为参数传递。该方法将生成布尔结果（真/假）。
test() 方法是 ECMAScript1 (ES1) 的一个特性，所有浏览器都完全支持它。此方法需要一个字符串作为参数进行搜索。
如果找到正确的匹配，它将返回布尔类型值 True；否则，它将返回 False。
语法：
let result = RegExp.test(anyString)
众所周知，邮政编码可能因国家/地区而异，其中大多数包含五个数字值的组合。因此，要验证邮政编码字符串，我们必须声明一个正则表达式，它只有数值 (0-9) 和五个数字的长度。
正则表达式验证邮政编码：
let validZipTest = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
例子：
<!DOCTYPE html>
<html>
<head>
<title>
HTML | JavaScript zip code validation example
</title>
<script type="text/javascript"></script>
</head>
<body>
<script>
var validZipTest = /(^\d{5}$)|(^\d{5}-\d{4}$)/;
function checkValid()
{
let userZipCode = document.getElementById("zipcode").value;
//check validation of zip code
if(!validZipTest.test(userZipCode)) {
alert("Failed....! Please enter valid zip code...! ");
} else {
alert("Success....! Zip code Verified.");
}
}
</script>
<h1 style="color:blueviolet">DelftStack</h1>
<h3> JavaScript Zip code Validation </h3>
<form onsubmit ="return checkValid()">
<!-- zip code input -->
<td> Enter Zip code : </td>
<input id = "zipcode" value = "">
<br><br>
</form>
<button onclick="checkValid()">Check Valid</button>
</body>
<html>
相关文章
在 JavaScript 中 use strict
发布时间：2024/03/20 浏览次数：56 分类：JavaScript
-
在本文中，学习 JavaScript 中的 use strict 特性。我们将通过不同的示例了解如何在 JavaScript 代码语句中创建和执行 use strict 关键字。
在 JavaScript 中为一个元素设置多个属性
发布时间：2024/03/19 浏览次数：187 分类：JavaScript
-
本教程向我们展示了如何使用 JavaScript 一次为一个元素设置多个属性。我们将使用 setAttribute() 方法将每个属性及其值添加到元素中，并使用 Object.keys() 和 forEach() 方法来获取对象键的数
HTML Script Type 属性的使用
发布时间：2024/03/19 浏览次数：74 分类：JavaScript
-
本教程展示了 HTML5、HTML 4.01、XHTML 和 VBScripts 中 HTML 脚本类型属性的使用。
在 JavaScript 中使用 Onclick 转到 URL
发布时间：2024/03/19 浏览次数：129 分类：JavaScript
-
在今天的帖子中，我们将学习 JavaScript 中的 onclick 转到 URL。
在 JavaScript 中使用 HTML Canvas 调整图像大小
发布时间：2024/03/19 浏览次数：82 分类：JavaScript
-
在今天的帖子中，我们将学习在 JavaScript 中使用 HTML 画布调整图像大小。
在 JavaScript 中生成随机颜色
发布时间：2024/03/19 浏览次数：150 分类：JavaScript
-
以 JavaScript 内置 Math 函数和 JQuery 库为 UI（用户界面）随机改变 HTML 网页 onClick 背景色为例。
