javascript - IEおよびSafariでHTML5検証が機能しない

Question

HTML5を使用して選択フィールドを検証しようとしています。ChromeとFFブラウザでは完全に正常に動作していますが、IEとSafariで試したところ、動作していません。JavaScriptを使用して動作させようとしましたが、それでも同じ問題が発生します。私を助けてください。私のコードのサンプルはここにあります：

• http://i1159.photobucket.com/albums/p637/Apulo_Cosmas/validate.jpg

同じコードが4つのブラウザすべてで機能するように修正するにはどうすればよいですか？

Answer 1

[送信]ボタンの代わりに、onclick次のボタンを使用することをお勧めします。

<script type="text/javascript">
function validate(f) {
    if (f.empty.value == '') { alert('you must enter text'); return false; }
    if (f.select_box.value == '') { alert('you must select something'); return false; }
}
</script>

<form name="form1" action="test2" onsubmit="return validate(this)">
...
<input type="submit" value="Go!" />
</form>

編集：は関数validate(this)を呼び出し、validateそれ自体（フォーム）をとして渡しますf。次に、フォーム内のフィールドを名前で参照できます（例：emptyおよびselect_box）

お役に立てれば ：）

Answer 2

クロスブラウザ検証をサポートするパセリライブラリを使用して、次のリンクを確認してください：http ://www.247techblog.com/use-html5-validations-internet-explorer-tutorial-guide/

Answer 3

jQuery検証プラグインを使用しました

<script type="text/javascript">
        window.onload = function() {
              var button = document.getElementById("submit-button");
              button.onclick = function() {
                $('#form-name').validate();
                if( $('#form-name').valid() == false) {
                  return false;
                    }
                }
            };
    </script>