javascript - HTML5 验证在 IE 和 Safari 中不起作用

Question

我正在尝试使用 HTML5 验证 Select 字段；它在 Chrome 和 FF 浏览器中运行良好，但是当我在 IE 和 Safari 中尝试时，它无法正常工作。我尝试使用 JavaScript 让它工作，但我仍然遇到同样的问题。请帮帮我。我的代码示例在这里：

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

如何修复它，以便相同的代码适用于所有四个浏览器？

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>