Vue.jsでシンプルな入力文字種制限 - Qiita

要件そのものにどうも納得がいかなかいが世の中似たような事求められることもありそうだからメモ。 要件 フロントエンドでリアルタイムに入力項目にバリデートをかけたい 条件外の入力文字列はそもそも入力できないようにしたい フレームワークはVue.js 検討 とりあえずはpatternが使えそう (2)が無ければinputのpatternに正規表現を入れてイチイチformタグで囲って入力毎にsubmitしてやれば大体イケそうだが vue-validator使えば多分イケるだろうけどこの程度のことに導入したくない 現時点での結論: <template> <main id="app"><main id="app"> <h1>Vueでシンプルな入力制限</h1> <table> <tbody> <tr> <th>数字のみ:</th><td><input type="text" pattern="^[0-

[hadakadenkyu]

数字しか入れたくない場合ってもtype="number"じゃ「そういう意味じゃねーよ」って感じなわけで／イチイチform submitするほうが正解な気がしている