HTML でフォームを作成するのは常に少し複雑です。まず HTML マークアップを正しく記述する必要があります。次に、送信する前に各フォーム項目に使用可能な値があることを確認する必要があります。最後に、問題が発生した場合にユーザーに警告する必要があります。
幸いなことに、HTML5 には、このタスクをはるかに簡単にするいくつかの新機能が導入されています。特に、フォーム コントロールは制約をサポートするように拡張され、ブラウザーが JavaScript を使用せずにクライアント側でフォーム コンテンツを検証できるようになりました。
WebKit はすでに部分的にサポートされています。フォーム コントロールのプロパティを使用して制約を記述し、JavaScript で checkValidity() API を使用してフォーム コントロールとフォーム入力全体の有効性をクエリできるようになりました。 ValidityState API を使用して、どの制約に違反したかを把握することもできます。
ただし、WebKit は以前は対話型 HTML フォーム検証をサポートしていませんでした。対話型 HTML フォーム検証は、フォームが送信されたとき (