【QA】認証画面でテナントIDを非表示にする方法

質問

ID/パスワード認証やワンタイムパスワード認証画面のユーザーID入力欄に表示されているテナントID（ユーザーIDの"@"以降）を非表示にする方法はありますか？

回答

システム > 画面設定の項目「画面上部HTML」の設定によって可能です。

実際に弊社側でテナントIDを非表示にすることが確認できたコードは以下をご参考ください。

<script type="text/javascript">
document.addEventListener("DOMContentLoaded", function () {

  // 認証画面全般からテナント名を非表示にする
  const elements = document.getElementsByClassName("tenant");
  for (let i = 0; i < elements.length; i++) {
    elements[i].style.display = "none";
  }
  
  // OTP(メール認証)のOTP入力画面の{ユーザー名}@{テナント名}から@以降を非表示にする
  const timer = setInterval(function () {
    const el = document.getElementById("dusername_area");
    if (!el) return;
    const text = el.textContent || el.innerText;

    if (text && text.indexOf("@") !== -1) {
      const userOnly = text.split("@")[0];
      el.textContent = userOnly;
      clearInterval(timer);
    }
  }, 200);
});
</script>