仅在API查询成功填充字段后提交表单

Question

我有这样的表格：

<h4>Front Page</h4>
<form action="/action_page.php" method="get">
  <input value="EC2R 6DA" id="postcode_input">
  <input id="admin_district" placeholder="Admin District">
  <input type="button" id="get_postcode" value="Check">
</form>

以及像这样的JavaScript：

$(document).ready(function() {
  $("#get_postcode").click(function(event) {
    event.preventDefault();
    var postcode = $("#postcode_input").val();
    $.get(encodeURI("https://api.postcodes.io/postcodes/" + postcode))
      .done(function(data) {
        $("#admin_district").val(data.result['admin_district']);
        console.dir(data);
      })
      .fail(function(error) {
        fullResult.html(JSON.stringify(error.responseJSON, null, 4)).slideDown();
      });
  });
});

我想知道如何在提交表单之前验证JavaScript API调用是否完成，然后，如果提交，然后提交表单。目前，它阻止了表单的提交，因此可以进行API调用，但是在API调用完成之后，它什么也不做，应该在提交表单时进行。

Answer 1

给您的表单一个id属性