【JavaScript】全角文字をチェックする方法｜全角のみ・全角を含む判定と半角カナの落とし穴

function isZenkaku(str) {
  for (let i = 0; i < str.length; i++) {
    const code = str.charCodeAt(i);
    if (code < 0x20 || code > 0x7E) return true; // 非ASCII＝全角と誤認
  }
  return false;
}

console.log(isZenkaku("ｱｲｳ"));  // true ← 半角カナなのに全角扱い（誤り）
console.log(isZenkaku("café")); // true ← é は全角でない
console.log(isZenkaku("Aあ"));  // true ← 全部が全角ではないのに true

function isAllZenkaku(str) {
  return /^[\u3000-\u30FF\u3400-\u9FFF\uFF01-\uFF60\uFFE0-\uFFE6]+$/.test(str);
}

console.log(isAllZenkaku("あいうえお")); // true
console.log(isAllZenkaku("ＡＢＣ１２３")); // true（全角英数）
console.log(isAllZenkaku("日本語"));     // true
console.log(isAllZenkaku("ｱｲｳ"));        // false（半角カナ）
console.log(isAllZenkaku("ABC"));        // false（半角英数）
console.log(isAllZenkaku("Aあ"));        // false（半角が混在）

function hasZenkaku(str) {
  return /[\u3000-\u30FF\u3400-\u9FFF\uFF01-\uFF60\uFFE0-\uFFE6]/.test(str);
}

console.log(hasZenkaku("Aあ")); // true（あ が全角）
console.log(hasZenkaku("ABC")); // false
console.log(hasZenkaku("ｱｲｳ")); // false（半角カナのみ）

// ひらがなのみ（長音符 ー も許可）
const isHiragana = (s) => /^[\u3041-\u3096\u30FC]+$/.test(s);

// 全角カタカナのみ（長音符 ー も許可）
const isKatakana = (s) => /^[\u30A1-\u30F6\u30FC]+$/.test(s);

// 漢字を含む
const hasKanji = (s) => /[\u3400-\u9FFF]/.test(s);

// 全角英数のみ
const isZenkakuAlnum = (s) => /^[\uFF01-\uFF5E]+$/.test(s);

console.log(isHiragana("あいう"));      // true
console.log(isKatakana("アイウ"));      // true
console.log(hasKanji("日本語"));        // true
console.log(isZenkakuAlnum("ＡＢＣ１")); // true

const input = document.getElementById("kana");

input.addEventListener("input", () => {
  const value = input.value;
  const ok = value === "" || /^[\u3000-\u30FF\u3400-\u9FFF\uFF01-\uFF60]+$/.test(value);
  input.setCustomValidity(ok ? "" : "全角で入力してください");
});