jquery - サポートされていないブラウザーでの html5 必須属性

Question

requiredHTML5属性を頻繁に使用する Web アプリケーションがあります。ただし、Safari および 8/9 はこの属性をサポートしていません。互換性のないブラウザで動作を強制する jQuery プラグインはありますか?

Answer 1

あなたはそれを単純にシムすることができます...

if ($("<input />").prop("required") === undefined) {
    $(document).on("submit", function(event) {
         $(this)
           .find("input, select, textarea")
           .filter("[required]")
           .filter(function() { return this.value; })
           .each(function() {
               // Handle them.
           });
    });
}

Answer 2

このために、非常に単純な jQuery プラグインを作成しました。「必須」属性を使用して、クライアント側の検証をフォームに追加するだけです。

https://github.com/garyv/jQuery-Validation-plugin

プラグインを含めた後、jQuery のドキュメント準備完了関数または html 本文の最後で validate() を呼び出すことができます。

<script>
  $(document).ready(function(){
    $('form').validate();
  });
</script>

Answer 3

まさに必要なことを行うh5validateを使用できます。

<script>
$(document).ready(function () {
  $('form').h5Validate();
});
</script>

Answer 4

IE8 を含むクロスブラウザーで動作する、非常に用途が広く軽量な (かつては縮小化された) エンジンを発見しました!

http://posabsolute.github.io/jQuery-Validation-Engine/