jquery - 値として機能する HTML5 プレースホルダー

Question

私のクライアントは、連絡先フォームで HTML5 プレースホルダーを使用していますが、突然値のように動作し始め、すべての必須フィールドにデータが入力されていなくてもフォームを送信できるようになりました。

これに対する回避策はありますか?

これは、（名前、電話番号、電子メール）がすべて必須フィールドであるのに役立つリンクの例ですが、適切に入力されていない場合、電子メールのみがエラーになります

Answer 1

の代わりに aria-required を使用しますrequired。

HTML5 Form Validation もご覧ください。

http://www.the-art-of-web.com/html/html5-form-validation/

このサイトには、次のような便利な例が含まれています。

<input type="url" name="website" required pattern="https?://.+">

編集：

HTML5 Validation は、使いやすさ (使いやすさ、より優れた/視覚的なエラー処理) のためにのみ使用する必要があることに注意してください。ブラウザーが html5 をサポートしていない場合 (ブラウザーが js をサポートしていない場合など)、検証は実行されません。したがって、引き続きバックエンド検証を使用してください。