半角数字とハイフンとコンマ以外の入力を制限する方法

Question

前提

テキスト入力のフォーマットを作成するのにあたり、入力文字制限をしたい。

実現したいこと

半角数字とハイフンとコンマ以外の入力を制限したい。
半角数字と「-」の入力は必須だが「,」は入力がなくてもOK。
その他の記号および全角は入力NG。（入力文字制限は問わない）

▼具体例
半角数字で、「XXXXXXX-XXX-XXX」（ハイフン込み）の形式で
ご入力ください。
※複数ある場合は、「,（カンマ）」区切りですべてご入力ください。
例）1234567-001-001,3456789-001-001,5678901-001-001

試したこと

^[0-9]-[0-9]-[0-9]$

これだと1桁ずつしか指定できない。

補足情報（FW/ツールのバージョンなど）

ここにより詳細な情報を記載してください。

Comments

[yuma.inaura]

文字の繰り返し判定が分からない状態ならとりあえず「正規表現 連続」とかでググってみるとよいかも

[shiketa]

> 半角数字とハイフンとコンマ以外の入力を制限したい。

^[0-9\-,]*$ では?

[退会済みユーザー]

^[0-9\-,]*$
でいけそうですね。ありがとうございます。

Answer 1

ヒットしたいフォーマットが7-3-3であればこんな感じで

/(^|,)(\d{7}(-\d{3}){2})+$/

Comments

[退会済みユーザー]

ありがとうございます。
/(^|,)(\d{7}(-\d{3}){2})+$/
では動きませんでしたが、
(^|,)(\d{7}(-\d{3}){2})+$
で動きましたが、{2}は2回までの繰り返しになる感じでしょうか？
今回は別の方法で採用しましたが、この方法でもいけそうなので参考にします。ありがとうございました。

Answer 2

正規表現的解決法ではないのですが…

1. 「,」で区切って配列化し、
2. 配列の要素1つずつ確認して、
3. 一つでも条件に満たないものがあればfalseを戻す。
4. 全部条件を満たしていればtrueを戻す。

というのはいかがでしょうか？

function validateNumbers(str) {
  const numbers = str.split(','); // 「,」で分割して配列化

  for (const n of numbers) { // 番号を1文ずつ確認
    const isValid = /^\d{7}-\d{3}-\d{3}$/.test(n); // 「7桁 ハイフン 3桁 ハイフン 3桁」かどうか（true or false）
    if (!isValid) return false; // falseだったらここで関数を終了し、falseを戻す
  }

  return true; // ↑の繰り返し処理が全部trueだったら、trueを戻す
};

console.log(validateNumbers('1234567-001-001')); // true
console.log(validateNumbers('12345-001-001')); // false
console.log(validateNumbers('1234567-001-001,3456789-001-001,5678901-001-001')); // true
console.log(validateNumbers('12345-001-001,3456789-001-001,5678901-001-001')); // false
console.log(validateNumbers('1234567-001-001/3456789-001-001/5678901-001-001')); // false

---

正規表現のみで実装

function validateNumbers(str) {
  return /^\d{7}-\d{3}-\d{3}(,\d{7}-\d{3}-\d{3})*,*$/.test(str);
};

console.log(validateNumbers('1234567-001-001,')); // true
console.log(validateNumbers('12345-001-001')); // false
console.log(validateNumbers('1234567-001-001,3456789-001-001,5678901-001-001')); // true
console.log(validateNumbers('12345-001-001,3456789-001-001,5678901-001-001')); // false
console.log(validateNumbers('1234567-001-001/3456789-001-001/5678901-001-001')); // false

Comments

[退会済みユーザー]

ありがとうございます。
機能として使えるのがシステムが正規表現のみなので、この方法ではできなさそうですね。
ご丁寧にありがとうございました。

[Cocode]

正規表現のみでも実装してみました。回答を更新しましたのでご確認ください。

[Cocode]

もしかして、HTMLタグの属性に書くパターンだったのでしょうか…質問の意図を間違って解釈していたかもしれませんすみません。

[退会済みユーザー]

私の質問の仕方悪かったかもしれないです。
/^\d{7}-\d{3}-\d{3}(,\d{7}-\d{3}-\d{3})*,*$/
では動きませんでしたが、
^\d{7}-\d{3}-\d{3}(,\d{7}-\d{3}-\d{3})*,*$
で動きました！ありがとうございました！

Answer 3

回答の方ではなく、コメントにいただいた
^[0-9-,]*$

の方法で解決しました。回答いただいた皆様ありがとうございました。
こちらも今後の参考にさせていただきます。