【Nuxt.js】Validation基礎編：フォームバリデーション - Qiita

前置き 正規表現を使ってフォームバリデーション！ 今回はメールアドレス形式 hoge@hoge.hogeのみ送信可能にします🍒 間違った形式で送られることがないので トラブル防止などにもなり便利ですね♪ 初期準備 今回はコンポーネントは使わず index.vueの1ページに全て書きます✍️ まずはFormタグと送信ボタンを用意。 基本的なフォーム構成は別記事で解説済み🌟 ◾️【Nuxt.js】v-model実践編：オリジナルフォームの簡単な作り方 https://note.com/aliz/n/n5b9bd618399e {{ Validation.result }} 入力した値それぞれに対応したテキストを表示。 ・空の場合 ・バリデーションしてNGの場合 ・バリデーションしてOKの場合 <template> <div class="page"> <p>{{ Validation.re