HTML5入力タイプの日付は、間違って入力すると空の値になることがあります

はだし

入力タイプの日付にはおかしなことがあります。
これが私のhtmlです:

function getValue() {
  $('#entered').text($('input[name=test_date]').val());  
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type="date" min="2018-01-01" max="2018-05-05" name="test_date">
<button onclick="getValue()">Get value</button>
<p>Entered: <span id="entered"></span></p>

無効な値を入力すると、自動的に有効な値に変更されます。
しかし、常に正しいとは限りません。最大日付は常に31です。

例:
入力: "01/55/2018" =>
"01/31/2018" -True入力: "02/55/2018" => "02/31/2018" -False

また、Falseの場合、jqueryとphpの両方が値を取得できません。
常に「」を返します。


無効でも値を取得したい。
何か提案はありますか?

==================
問題は解決

しましたhttp://crbug.com/231811よると、理由は単純さです。

ユーザーが無効な日付を入力したときにエラーメッセージを表示したい場合。
input.validity.badInputまたはvalidationMessageで検証できます

ここに画像の説明を入力してください

yrv16

ドキュメントからHTMLLiving Standard

value属性が指定されていて空でない場合は、有効な日付文字列である値が必要です。

値のサニタイズアルゴリズムは次のとおりです。要素の値が有効な日付文字列でない場合は、代わりに空の文字列に設定します。

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

HTML5 checkValidityは、空の入力が有効であることを示しています

分類Dev

入力が空であることを確認すると、値が0のときにtrueになります

分類Dev

間違った入力が入力されると、whileループは無限になります

分類Dev

Angular.jsとHTML5の日付入力値-日付入力で読みやすい日付値をFirefoxに表示させる方法は?

分類Dev

割り当てられたデフォルト値を日付angularjsタイプの入力に変更することはできません

分類Dev

入力タイプファイルに値として「」のみを割り当てることができます

分類Dev

プロンプトに入力された日付範囲または列の値は、SpotfireIL修正SQLの変数として使用する必要があります

分類Dev

タイプ「日付?」の値を割り当てることができません 「文字列?」と入力します スウィフト3

分類Dev

入力が間違っていると、プログラムは無限ループに入ります

分類Dev

ポインタと入力に違いがあるのはなぜですか?

分類Dev

入力時に角のある10進パイプが切り上げられ、間違った値になります

分類Dev

HTML5にfloat入力タイプはありますか?

分類Dev

最初の入力タイプの日付値をangularjsの2番目の入力日付タイプの最小日付値として設定する

分類Dev

タイプ「文字列?」の値を割り当てることができません 「文字列」と入力します

分類Dev

タイプ「文字列?」の値を割り当てることができません 「Int」と入力します

分類Dev

タイプ「Int!」の値を割り当てることができません 「文字列」と入力します

分類Dev

幅を設定すると日付入力が間違って表示される

分類Dev

入力しているときに、zshにはhtml入力フィールドのような同様のonchangeイベントがありますか?

分類Dev

入力タイプ「月」の間違った値を取得する

分類Dev

私の回答に沿って来る「間違った入力」ステートメントをどうやって取り除くことができますか

分類Dev

入力タイプの日付値に1日を追加する

分類Dev

入力のサイズがわからない場合にインターフェイスの形状を設定することは可能ですか(ただし、キーと値のタイプはわかっていますか?)

分類Dev

カルーセルタイプのアプリの複数の入力フィールドを条件付きで無効にしようとしています-入力フィールドが空の場合は、次のボタンを無効にする必要があります

分類Dev

入力日付フィールドには、月と年のみを表示する必要があります

分類Dev

算術シフトは負の数の入力では機能しませんか?私がここで間違っていることについて何か考えはありますか?

分類Dev

SQL(Postgres)は、欠落している日付に最後の空でない日の値を入力します

分類Dev

入力タイプを数値に設定すると、入力幅が短くなります

分類Dev

javascriptの日付をhtml5 datetime-local入力に割り当てます

分類Dev

htmlの日付入力をJS変数に保存する必要があります

Related 関連記事

  1. 1

    HTML5 checkValidityは、空の入力が有効であることを示しています

  2. 2

    入力が空であることを確認すると、値が0のときにtrueになります

  3. 3

    間違った入力が入力されると、whileループは無限になります

  4. 4

    Angular.jsとHTML5の日付入力値-日付入力で読みやすい日付値をFirefoxに表示させる方法は?

  5. 5

    割り当てられたデフォルト値を日付angularjsタイプの入力に変更することはできません

  6. 6

    入力タイプファイルに値として「」のみを割り当てることができます

  7. 7

    プロンプトに入力された日付範囲または列の値は、SpotfireIL修正SQLの変数として使用する必要があります

  8. 8

    タイプ「日付?」の値を割り当てることができません 「文字列?」と入力します スウィフト3

  9. 9

    入力が間違っていると、プログラムは無限ループに入ります

  10. 10

    ポインタと入力に違いがあるのはなぜですか?

  11. 11

    入力時に角のある10進パイプが切り上げられ、間違った値になります

  12. 12

    HTML5にfloat入力タイプはありますか?

  13. 13

    最初の入力タイプの日付値をangularjsの2番目の入力日付タイプの最小日付値として設定する

  14. 14

    タイプ「文字列?」の値を割り当てることができません 「文字列」と入力します

  15. 15

    タイプ「文字列?」の値を割り当てることができません 「Int」と入力します

  16. 16

    タイプ「Int!」の値を割り当てることができません 「文字列」と入力します

  17. 17

    幅を設定すると日付入力が間違って表示される

  18. 18

    入力しているときに、zshにはhtml入力フィールドのような同様のonchangeイベントがありますか?

  19. 19

    入力タイプ「月」の間違った値を取得する

  20. 20

    私の回答に沿って来る「間違った入力」ステートメントをどうやって取り除くことができますか

  21. 21

    入力タイプの日付値に1日を追加する

  22. 22

    入力のサイズがわからない場合にインターフェイスの形状を設定することは可能ですか(ただし、キーと値のタイプはわかっていますか?)

  23. 23

    カルーセルタイプのアプリの複数の入力フィールドを条件付きで無効にしようとしています-入力フィールドが空の場合は、次のボタンを無効にする必要があります

  24. 24

    入力日付フィールドには、月と年のみを表示する必要があります

  25. 25

    算術シフトは負の数の入力では機能しませんか?私がここで間違っていることについて何か考えはありますか?

  26. 26

    SQL(Postgres)は、欠落している日付に最後の空でない日の値を入力します

  27. 27

    入力タイプを数値に設定すると、入力幅が短くなります

  28. 28

    javascriptの日付をhtml5 datetime-local入力に割り当てます

  29. 29

    htmlの日付入力をJS変数に保存する必要があります

ホットタグ

アーカイブ