法人番号検索API サンプルコード

autofill.js

document.getElementById('s').addEventListener('keyup', async (e) => {
  if (e.key !== 'Enter') return;

  const s = e.target.value;
  const corporateInfoUrl = `https://corporation.teraren.com/corporations.json?s=${s}`;

  try {
    const corporateResponse = await fetch(corporateInfoUrl);
    const { items: [corporateData] } = await corporateResponse.json();

    document.getElementById('corporate_name').value = corporateData.name;
    document.getElementById('corporate_number').value = corporateData.corporate_number;

    const registrationUrl = `https://corporation.teraren.com/invoice_registration_numbers/T${corporateData.corporate_number}.json`;
    const registrationResponse = await fetch(registrationUrl);
    const registrationData = await registrationResponse.json();

    document.getElementById('registrated_number').value = registrationData.registrated_number;
  } catch (error) {
    console.info(error);
    ['corporate_name', 'corporate_number', 'registrated_number'].forEach(id => {
      document.getElementById(id).value = '';
    });
  }
});

corporation.teraren.com.html

<form class="form-horizontal" id="sample_form">
  <div class="form-group">
    <label for="s" class="col-sm-12 control-label">法人名または法人番号</label>
    <div class="col-sm-12">
      <input type="text" class="form-control" id="s" placeholder="日本郵政 or 6010001110551" accesskey="p">
    </div>
  </div>
  <div class="form-group">
    <label for="corporate_name" class="col-sm-12 control-label">法人名</label>
    <div class="col-sm-12">
      <input type="text" class="form-control" id="corporate_name" placeholder="" disabled>
    </div>
  </div>
  <div class="form-group">
    <label for="corporate_number" class="col-sm-12 control-label">法人番号</label>
    <div class="col-sm-12">
      <input type="text" class="form-control" id="corporate_number" placeholder="" disabled>
    </div>
  </div>
  <div class="form-group">
    <label for="suburb" class="col-sm-12 control-label">適格請求書発行事業者番号</label>
    <div class="col-sm-12">
      <input type="text" class="form-control" id="registrated_number" placeholder="" disabled>
    </div>
  </div>
</form>