表单根据插入的数据提交到特定的url

Question

我有一个表单，它只是一个带有邮政编码和提交按钮的输入。
我需要一些帮助来根据插入的数据提交表单。
例如，如果有人插入一个介于 1000-000 和 2999-999 之间的数字，它将转发到landing1.html，如果输入在 3000-000 到 4000-999 之间，它将转发到landing2.html 等等。

这是我的代码草稿我的代码以便更好地理解

$(document).ready(function() {
  $(".postal-code").inputmask("9999-999", {
    "placeholder": "0"
  });
  $(".postal-code").inputmask("9999-999", {
    "onincomplete": function() {
      alert('Insere um Código Postal válido');
    }
  });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/Inputmask/5.x/dist/jquery.inputmask.min.js"></script>
<div id="form-cp">
  <form method="get" action="" onsubmit="" class="needs-validation">
    <input type="text" name="cp" value="" size="8" maxlength="8" minlength="8" class="postal-code form-control-lg" aria-invalid="false" placeholder="0000-000" required>
    <button type="submit" class="btn btn-primary">Send Data</button>
  </form>
</div>

希望有人可以帮助我。 非常感谢！

Answer 1

像这样

如果您有多组邮政编码，我们可以使其更复杂

$(function() {
  $(".postal-code").inputmask("9999-999", {
    "placeholder": "0"
  });
  $(".postal-code").inputmask("9999-999", {
    "onincomplete": function() {
      alert('Insere um Código Postal válido');
    }
  });
  $(".needs-validation").on("submit",function() {
    const cp = this.cp.value;
    if (cp >= "1000-000" && cp <= "2999-999") this.action = "landing1.html";
    else if (cp >= "3000-000" && cp <= "4000-999") this.action = "landing2.html";
    // else this.action = "outofrange.html";
  })
  
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://rawgit.com/RobinHerbots/Inputmask/5.x/dist/jquery.inputmask.min.js"></script>
<div id="form-cp">
  <form method="get" action="" onsubmit="" class="needs-validation">
    <input type="text" name="cp" value="" size="8" maxlength="8" minlength="8" class="postal-code form-control-lg" aria-invalid="false" placeholder="0000-000" required>
    <button type="submit" class="btn btn-primary">Send Data</button>
  </form>
</div>