「全角か、半角ｶﾅ」が１つでもあったらfalseを返したい

Question

実現したいこと

JavaScriptで「全角か、半角ｶﾅ」が１つでもあったらfalseを返したいです。
（パスワード入力フォームで、falseならエラーを返したいためです。）

ソースコード案

いろいろ試してはいるものの、どれもぴったりハマりません。

// 判定の例
var str = "a4fあ%g";  // -> 「あ」があるので false
var str = "fyhｔsw0"; // -> 「ｔ」があるので false
var str = "5Ａbgｶ";   // -> 「Ａ」「ｶ」があるので false
var str = ")HS0g8";   // -> true
var str = "408458";   // -> true
var str = "ARHYA";    // -> true

function isZenkaku(str) {
  if ( str.match(/[Ａ-Ｚａ-ｚ０-９－！”＃＄％＆’（）＝＜＞，．？＿［］｛｝＠＾～￥]/g) ) {
    return true
  } else {
    return false;
  }
}

function isZenkaku(str){
  if ( str.match(/^[^\x01-\x7E\xA1-\xDF]+$/) ) {      
    return true;
  } else {
    return false;
  }
}

function isZenkaku(str) {
  if ( String(str).match(/[\x01-\x7E\uFF65-\uFF9F]/) ) {
    return true;
  } else {
    return false;
  }
}

（追記：当初は「全角」だけを対象とした意図で上記を試しておりましたが、「半角ｶﾅ」も対象でした。）

Answer 1

（パスワード入力フォームで、falseならエラーを返したいためです。）

この要件を見過ごしていました。

それならまず「パスワードに使える文字セット」を限定した上で、入力文字列をバリデーションするのが普通だと思います。

たとえばシンプルに「半角のアルファベット、数字」に限定するなら [a-zA-Z0-9]+ でいいでしょう。

Comments

[nikuatsu]

なるほど、方向が逆だったのですね！言われてみればその方が適切な処理だと思います。

限定は「半角のアルファベット、数字、記号」なので、こうでしょうか？

function isOkPassStr(str) {
if ( str.match(/[a-zA-Z0-9!"#$%&'()*+\-.,/:;<=>?@[\]^_`{|}~]+/g) ) {
return true;
} else {
return false;
}
}

違いましたね…。「記号」をご提示の正規表現に続けて書いたのですが、これでは何がいけませんでしょうか？

[itagagaki]

それだと、strの中にそのパターンにマッチする部分が1部分でもあればtrueになってしまいます。
なのでパターンの最初に ^ を、最後に $ を付けましょう。
私の例がまずかったですね。
なお g オプションは不要です。

[nikuatsu]

なるほど。仰る変更で実現できました。適切なご指摘、ご返答をどうもありがとうございました。

Answer 2

「とりあえず、使い物になるかも？」レベルの案を回答します。

与えられた文字列strが、

• 1バイトではない文字を一文字でも含むとき trueを返し、
• そうでないとき false を返す

ような関数 hasMultiBytesChar(str) を作り、これを「全角文字を少なくとも一文字含む」ことと実用上等価であると見なす、という方針でどうでしょうか？ これでいくなら以下のように書けます。

function hasMultiBytesChar(str) {
  return /[^\x00-\xff]/.test(str);
}

これを使うと、hasMultiBytesChar(str)が返すブール値を反転した値は、strを構成する文字のすべてが1バイト文字（=\x00〜\xffの範囲内の文字）のときtrueになります。

以下、簡単なテストです。

• tera: 373248@codepen

参考までに、ご質問のような正規表現を自分が考えるときによく見返すのでブックマークしている質問の回答があります。

• 質問 69036 「正規表現　js」 に対する KSwordOfHasteさんの回答(ベストアンサー）

冒頭の関数 hasMultiBytesChar(str)はこのご回答にある

また制御文字を許容しても問題ないなら以下のような素朴な判定でよいこともあるでしょう。

[\x00-\xFF]

を拝借して、この文字セット外の文字を表す [^\x00-\xFF] を使っています。

もしかすると、[^\x00-\xFF]に該当するけれども画面上は半角の幅しかとらず、その文字は許容したい（≒全角とは扱わない）という特別な文字が出てくるかもしれませんが、そのときは個別対応する必要があります。冒頭、「とりあえず、使い物になるかも？」レベルの案とお伝えしているのは、そういった個別対応が発生することも意味しています。

Comments

[nikuatsu]

ご丁寧にありがとうございます。codepenのコードで意図した通りに動作致しました。そちらのコードでばっちりだと思います。

正規表現ですが、以下でも意図したように動作するように見えます。
/^[\x01-\x7E]+$/
ご提示の
/[^\x00-\xff]/
と比べて、どういう文字で異なる結果になりえますか？

[退会済みユーザー]

コメントありがとうございます。

> ・・・どういう文字で異なる結果になりえますか？

について回答します。それを考えるには

[\x00-\xFF]
のほうが
[\x01-\x7E]
よりもマッチする範囲が広いので、

[\x00-\xFF]にはマッチするが、[\x01-\x7E]にはマッチしない文字

について検討すればよいということになります。
そのときに参照すべき資料は、\x80 以降〜 \xFF までも含むASCIIコード表、たとえばこれです。

https://www.ascii-code.com/

上記のリンク先の下の方に
The extended ASCII codes (character code 128-255)
というセクションがあり、ここの表にあるものが先の検討すべき
[\x00-\xFF]にはマッチするが、[\x01-\x7E]にはマッチしない文字
ということになります。
具体的にはたとえば

§ --- 文章の節を表す (\xA7)
© --- コピーライトを表す (\xA9)
é --- e ＋アキュート (\xE9)

などです。これらは [\x01-\x7E] には含まれないので、これらのような \x80〜\xFF の範囲にある文字が1文字でも含まれた文字列は

/^[\x01-\x7E]+$/

にマッチしないことになります。

それと \x00 も

[\x00-\xFF]にはマッチするが、[\x01-\x7E]にはマッチしない文字

ですが、これはヌル文字と呼ばれＣ言語だと文字列の終端を表すバイトです。そのような特殊なものなので、文字セットの始まりが、\x00 であるか \x01 であるかは、それほど重く考えなくても実用上の相違はないと思われます。

[nikuatsu]

たびたび大変丁寧なご返答を本当にありがとうございます。ちょっと驚いてます笑
パスワードで©なんて使いませんもんね。そちらのリンクをよく参照しながら適切な表現を模索してまいります。

Answer 3

「アスキー文字を半角、それ以外を全角」と判断したいなら、一応これでいいかと思います。

function isZenkaku(str) {
  if (!str.match(/[\x01-\x7E]/)) {
    return true;
  } else {
    return false;
  }
}

「全角か、半角ｶﾅ」が1つでもあったらfalse

なら、単に「アスキー文字を半角」ということですか？そうならisZenkakuではなくisHankakuが適切ですね。これでどうでしょう？

function isHankaku(str) {
  if (str.match(/^[\x01-\x7E]+$/)) {
    return true;
  } else {
    return false;
  }
}

Comments

[nikuatsu]

ありがとうございます。質問の例に対して以下実行しましたが、すべてfalseでした。

（21:07のご回答で実行）
https://jsfiddle.net/1v7pxhaq/

（21:15のご回答で実行）
https://jsfiddle.net/1v7pxhaq/1/

１行目のコメントにありますが、前半３つは「全角か、半角ｶﾅ」が１つもないので true にしたいと思っています。

[nikuatsu]

21:27のご編集ありがとうございます。「isHankaku」でできました。
実は私も以下「isOkPassStr」でちょうどできまして、

この２つについて異なる結果は想定できるでしょうか？
https://jsfiddle.net/0vLwone9/

どちらもコンソールは意図したとおりの結果ですが、もし何か違いがありうるなら知りたいです。

Answer 4

提案です。

以下のライブラリを利用してバイト列の文字コードを検出(detect)し、'ASCII' かどうかで判断してはいかがでしょうか。

encoding.js/README_ja.md at master · polygonplanet/encoding.js

なお、全角とおっしゃっていますけど半角カナは除外したいのでしょうか？

Comments

[nikuatsu]

ライブラリありがとうございます。使えました。
https://jsfiddle.net/ch5vLnet/

そしてご指摘のように「全角か、半角ｶﾅ」でしたので質問を修正しまして、するとこのリンクの最後の「ｱ」が「UNICODE」となってしまう点で、やはり使えなそうでした…。しかし良いライブラリをご紹介いただき嬉しいです。

Answer 5

文字数とバイト数を比較して不一致だったらNGにしたら?