無料サンプルレッスン：
JavaScript：フォームUI

button.addEventListener('click', () => { alert('エラー'); });

// HTML: form に novalidate、input に type="email" required を設定。
// error は id="email-error"、result は role="status" の表示領域です。
const form = document.querySelector('form');
const email = document.querySelector('#email');
const error = document.querySelector('#email-error');
const result = document.querySelector('#result');
form.addEventListener('submit', (event) => {
  event.preventDefault(); // 練習用なので実際には送信しません
  result.textContent = '';
  if (!email.validity.valid) {
    email.setAttribute('aria-invalid', 'true');
    error.textContent = email.validity.valueMissing
      ? 'メールアドレスを入力してください。'
      : 'メールアドレスの形式を確認してください。';
    email.focus();
    return;
  }
  email.removeAttribute('aria-invalid');
  error.textContent = '';
  result.textContent = '入力を確認しました（練習用・送信なし）';
});