javascript - 根据选择更改所需输入的邮政编码

Question

我需要从 vb.net 中的下拉菜单或使用 javascript 更改特定国家/地区的邮政编码 我想更改邮政编码要求，因为加拿大和美国的做法不同。加拿大使用 A1A 1A1 的格式，例如，如果我从国家/地区选择加拿大，则邮政编码格式应为 A1A 1A1，而对于其他国家/地区，则应采用 zipCodePattern =/^\d{5}[A-Z]{1}$| 的组合^\d{5}-\d{4}$/;我怎样才能做到这一点。

我写了这个

函数validateZipCode(邮政编码) {
var Country = document.getElementById("lblCountry");

     if (country=="Canada")
      {

         var zipCodePattern = /^[A-Z}{1}[0-9]{1}[A-Z]{1}[ ]{1}[0-9]{1}[A-Z]{1}[0-9]{1}$/;
         return zipCodePattern.test(zipcode);
     }
     else 
     {
         var zipCodePattern = /^\w{6}$|^\d{5}-\d{4}$|^\d{5}$/;
         return zipCodePattern.test(zipcode);
     }
}

Answer 1

使用 javascript，您可以使用三元运算符 在模式之间切换(使用 jQuery，只是因为它更易于阅读)

var pattern = '',
    usPattern = '^\\d{5}(-\\d{4})?$',
    caPattern = '^[ABCEGHJKLMNPRSTVXY]{1}\\d{1}[A-Z]{1} *\\d{1}[A-Z]{1}\\d{1}$'

// watch for country change
$('select').on('change', function(){
  
  // get the selected country
  var val = $(this).val();
  
  // set pattern based on `val` above
  pattern = val == 'us' ? usPattern : caPattern;
  
  // apply pattern to input
  $('input#postcode').attr('pattern', pattern)
  
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <select>
    <option value="us" selected>US</option>
    <option value="ca">CA</option>
  </select>

  <input id="postcode" type="text" pattern="^\d{5}(-\d{4})?$" required>
  <input type="submit">
</form>