javascript - 使用jquery自动生成英国邮政编码中的空格

Question

当用户在输入字段中输入英国邮政编码，然后在与英国邮政编码相关的字符串之间生成自动空格时，有什么办法吗？

如果用户在输入字段中键入

CB30QB becomes CB3 0QB
N12NL becomes N1 2NL
CB249LQ becomes CB24 9LQ
OX144FB becomes OX1 44FB
OX145FB becomes OX14 5FB

我正在这样尝试

fiddle Demo

Answer 1

使用这个

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
  $(function() {
    $("#postcode").keyup(function() {
      var postcode = $("#postcode").val();
      var parts = postcode.match(/^([A-Z]{1,2}\d{1,2}[A-Z]?)\s*(\d[A-Z]{2})$/);
      if (!parts) {
        return;
      }
      parts.shift();
      $("#postcode").val(parts.join(' '));
    });
  });
</script>

<input type="text" id="postcode" name="postcode" class="form-control" value="">