Показать сообщение об ошибке, если форма пуста в Google amp

Question

Есть ли способ показать сообщение об ошибке, если форма в AMP пуста (т.е. ни одно из полей не имеет значения?).Я попробовал следующее, но это не похоже на работу (Пожалуйста, не div.error узел).

<form method="POST" id="my-form" class="p2" action-xhr="/components/amp-form/submit-form" target="_top" custom-validation-reporting="show-first-on-submit">
  <p>My Form</p>
  <div class="error" visible-when-invalid="valueMissing" validation-for="my-form">
    Form is empty could not submit.
  </div>
  <div>
    <input required id="username" type="text" placeholder="username" name="username">
    <input required id="password" type="password" placeholder="password" name="password">
  </div>
  <input type="submit" value="OK">
</form>

Answer 1

Попытка с недействительным состоянием проверки, например on="invalid:error.show"

недействительным: состояние проверки формы имеет значение «недействительно» (в соответствии с стратегией создания отчетов ).

<form method="POST" id="my-form" class="p2" action-xhr="/components/amp-form/submit-form" target="_top" on="invalid:error.show" custom-validation-reporting="show-first-on-submit">
  <p>My Form</p>
  <div class="error" id="error" hidden>
    Form is empty could not submit.
  </div>
  <div>
    <input required id="username" type="text" placeholder="username" name="username">
    <input required id="password" type="password" placeholder="password" name="password">
  </div>
  <input type="submit" value="OK">
</form>