JavaScript 邮政编码验证

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>
  1. 在上面的 HTML 页面源代码中,我们创建了一个包含输入字段的表单,用于从用户那里获取邮政编码。
  2. 然后,有一个叫做 Check Valid 的按钮。我们在该按钮的 click 事件上调用 checkValid() 函数。
  3. 我们在 validZipTest 变量中初始化了邮政编码验证的正则表达式。
  4. 我们已经声明了 checkValid() 函数;在该函数中,我们将用户输入值存储在 userZipCode 变量中。
  5. 使用 if 条件,我们在正则表达式上调用 test() 方法并传递用户输入的邮政编码。
  6. 如果 test 方法返回布尔值 true,警报将显示消息 Success....! Zip code Verified.
  7. 如果 test 方法返回布尔值 false,警报将显示消息 Failed....! Zip code Verified.

JavaScript 邮政编码验证

Enjoying our tutorials? Subscribe to DelftStack on YouTube to support us in creating more high-quality video guides. Subscribe

相关文章 - JavaScript Validation