Foundations: form validation and error messages - TetraLogical
https://tetralogical.com/blog/2024/10/21/foundations-form-validation-and-error-messages/

インラインバリデーションについて、この記事では「The ideal implementation of in-line messages is to appear once focus has moved to the next form field. (インライン メッセージの理想的な実装は、フォーカスが次のフォーム フィールドに移動したときに表示されることです。)」とありますが、書籍『Form Design Patterns』では、リアルタイムなインラインバリデーションについては慎重な姿勢です (1章「登録フォーム」)。

また、インラインのエラーメッセージの配置は、フィールドの下だと「ブラウザのオートコンプリートパネルやオンスクリーンキーボードに隠れてしまうかもしれません。」ということで、『Form Design Patterns』では、フィールドの真上 (ラベルと入力欄の間) に置くという提案がなされています。