JavaScript 邮政编码验证

Muhammad Muzammil Hussain 2022年5月10日
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 邮政编码验证

相关文章 - JavaScript Validation