Bootstrapを利用してフォームを実装しましたため、v-modelやバリデートなどについてまとめます。 イケてるフォーム イケてるフォーム 初期状態 初期状態です。 入力内容に不備がある入力欄はエラーとして赤字、赤枠で表示します。 また全ての不備が取り切れるまで Submit ボタンは disabled とします。 イケてるフォーム エラー状態が即時に反映 何か入力し、エラーがなくなるとリアルタイムでフォームに反映されます。 イケてるフォーム Submit可能状態 全てのエラーがなくなると、Submit ボタンがアクティブになり、ボタンを押下することができます。 ごめんなさい、普通のフォームでした。 環境 Node.js 7.7.x npm 4.4.x Vue.js 2.2.x 素のHTML イケてるフォーム Vue.js 化前の状態 上の状態、Vue.js の処理を入れる前の状態の