Webkitの入力タイプ=日付が不正な日付に空の値を送信する

Question

日付を検証していて、ブラウザのサポートを簡単に確認しました。無効な日付を送信すると、有効な関数がFirefoxでうまく動作します。受け取った値から新しい日付の値が "Invalid Date"の場合はfalseを返し、エラーメッセージとともに警告します。 問題は、クロムでは、これはまったく機能しないということです。 日付が空になるといつでも実行できるように私のajaxを持っています（私は、ユーザーが日付フィールドを空にしてデータをフィルタリングできるようにしたいからです）。

しかし、無効な日付（たとえば2016-02-31）を挿入すると値が空になるので、ajaxはあたかもフィールドが空であるかのように実行されます。私はこれが起こらないようにしたい。

これを行う可能性のあるすべてのhtml属性とイベントを確認していますが、私は何を使用すべきかわかりません。私はfalseを返す関数を渡してエラーを試みました。何も変わっていません。 onpatternmismatchかもしれませんか？

Answer 1

あなたは、以下の方法により、このような無効な日付を検出することができます。

• input.validity.badInputをあなたは、この特定のエラーに
• !input.validity.validまたは!input.checkValidity()を検出したい場合は、最小値/最大値を検出したい場合は/必要妥当性のエラーと無効な日付が含まれています
• !form.checkValidity()フォームに関連付けられているすべての要素の妥当性エラーを検出したい場合。