javascript - 如何使用 jquery 验证美国邮政编码

标签 javascript jquery html css

我使用以下代码使用 jquery 验证电子邮件地址。

我需要使用 jquery 验证 zipcode 仅适用于美国。我如何使用 jquery 库来做到这一点。

这是我的 jQuery 代码:

 $("#page1").on("pageinit", function() {
 $("form").validate({
   rules: {
     email: {
       required: true
     },
     password: {
       required: true
     }
   },
   errorPlacement: function(error, element) {
     error.insertAfter(element.parent());
   }
 });
});

这是我的 HTML 和 CSS:

label.error {
  color: red;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  margin-top: 0.5em;
  width: 100%;
  float: none;
}
@media screen and (orientation: portrait) {
  label.error {
    margin-left: 0;
    display: block;
  }
}
@media screen and (orientation: landscape) {
  label.error {
    display: inline-block;
    margin-left: 22%;
  }
}
em {
  color: red;
  font-weight: bold;
  padding-right: .25em;
}
</style> </head> <body> <div id="page1" data-role="page"> <div data-role="header">
<body>
  <div id="page1" data-role="page">
    <div data-role="header">
      <h1>Welcome</h1>
    </div>
    
    <div data-role="content">
      <form method="GET">
        
        <div data-role="fieldcontain">
          <label for="email">Email:</label>
          <input type="email" name="email" id="email">
        </div>
        
        <div data-role="fieldcontain">
          <label for="password">Password:</label>
          <input type="password" name="password" id="password">
        </div>

        <div data-role="fieldcontain">
          <label for="zip">Zipcode:</label>
          <input type="text" name="zip" id="zip">
        </div>

        <input data-role="submit" type="submit" value="Login">
      </form>
    </div>
  </div>
</body>

谁能帮我解决这个问题。 问候

最佳答案

你最常使用正则表达式 /(^\d{5}$)|(^\d{5}-\d{4}$)/

    var isValid=/(^\d{5}$)|(^\d{5}-\d{4}$)/.test(yourvalue);
    if(!isValid) alert("not Valid");

关于javascript - 如何使用 jquery 验证美国邮政编码,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38305837/

相关文章:

javascript - 为什么这个 JavaScript 不起作用?

javascript - 将脚本应用于多组 2 个下拉菜单

javascript - Javascript 中显示 ="block"操作的淡入淡出效果

javascript - 将 Pan Zoom 添加到 d3js force directed

javascript - 更改当前 li 类(被点击的那个)

jquery - 浏览 3 个页面后运行 jQuery 函数

html - 如何在菜单中适合图像

html - html 空间显示为 %2520 而不是 %20

html - 使用 HTML5 视频标签播放本地(硬盘)视频文件?

javascript - 在 JavaScript 中使用 for...of 语法获取循环计数器/索引