問題タブ [vee-validate]

vee-validate で必須属性と正規表現属性を設定しようとしています。正規表現ビットは正常に機能しますが、必要な属性を追加するとすぐに、コントロール全体がフォームから消えます。

これは正常に動作しますが ( fiddle )、必要な属性がありません (読みやすいように複数行):

これにより、フォーム全体が消えます（fiddle）（読みやすいように複数行）：

コンマを使用して vee-validate 属性を区切ってみましたが、これも同じように失敗します。

私は何が欠けていますか？

Vee-validate からのエラー メッセージを API からのエラー メッセージに設定しようとしています。

そこで、APIがメールエラーを返す場合、上記の「errors.first('email')」をAPIエラーに編集したいと思います。次に、ユーザーがフィールドの修正を開始すると、Vee Validate は構成されたエラーを表示します。

これは、考えられるエラーの配列の例です。

API エラー メッセージを処理するにはどうすればよいですか?

お時間とご関心をお寄せいただきありがとうございます。