JSで数値とハイフンが入っている場合TrueまたはFalseを返す式が知りたい。

Question

日付を入力してもらうフォームを作っています。（2021-10-04 の形）
送信処理の際、入力内容に数値とハイフン以外入力が含まれている場合、アラートを出したいです。
特定の文字列が含まれているかどうかを判定するやり方などはたくさん出てくるのですが、上記のようなシーンが見つからなかったため質問させていただきます。

（200000-10-04のようなおかしい日付でも、数値であれば許容します。）

具体的にはif文で判定することになると思いますので、数値とハイフン以外が入力されていたらtrueを返すような式を教えていただきたいです。

よろしくお願いいたします。

Comments

[int32_t]

タイトルは「入力させたくない」、本文は「含まれている場合、アラートを出したい」と違うことを要求していますが、本当にしたいことはどちらでしょう?

あと、不完全でもいいので現状のコードを書きましょう。でないと「丸投げ」とみなされます。

[yambejp]

200000-99-99とかでもOKなんですか？
また200000-1-1でもOKですか？

[Zuishin]

日付入力でこんな入力させますかねえ。

[fiafiafia]

var regex = /^[0-9]{4}-(0[1-9]|1[0-2])-(0[1-9]|[12][0-9]|3[01])$/;
このようにしていたのですが、今回のサイトでは、カレンダーダイアログから日付を選択してもらうのが前提だったため、inputは数値なら許容する判断に至りました。

Answer 1

<form>
<input type="text" name="d" pattern="\d+(-\d+){2}" required>
<input type="submit" value="send">
</form>

Answer 2

<form>
<input pattern="[-\d]+" title="数値かハイフンを入力してください">
<input type=submit>
</form>

JavaScriptなしでこんなでも要求を満たせるかもしれません。

<input type=date>でええやん、という気もしますが。

Answer 3

const re = /^[-\d]+$/;
console.log(re.test('2021-10-04');
console.log(re.test('wrong string');