html - Safari 浏览器 html 输入类型最小最大验证不起作用

Question

我想知道在使用 input type="number"时使用 Safari 浏览器(MAC OS 和版本 7.0.4 (9537.76.4))的表单验证是否无法正常工作:参观时
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_max_min
使用 Safari 浏览器时，我希望在“数量”字段中输入超出指定范围的字母或数字时收到警告。但是没有任何反应，输入被发送到服务器...
使用 Chrome 时，我收到警告...
我也检查了 http://html5test.com站点，它声明支持输入类型编号以及最小和最大属性。但是为什么它不起作用？我做错了什么或我不明白什么？

非常感谢任何帮助...

谢谢托比

已编辑:正如 Frank Conijn 所提到的，它并没有真正与 Safari 一起工作。我现在用 Javascript 解决了它(检查所有数字输入字段是否包含数字并且是否在指定范围内):

$("input[type='number']").change(function(){
    var maxValue = parseInt($(this).attr('max'));
    var minValue = parseInt($(this).attr('min'));
    var enteredValue = parseInt($(this).val());

    if($.isNumeric(enteredValue)) {
        var enteredValue = parseInt($(this).val());
        if (enteredValue > maxValue) {
            $(this).val(maxValue);
        } else if (enteredValue < minValue) {
            $(this).val(minValue);
        }
    } else {
        $(this).val(minValue);
    }


});

Answer 1

根据 Can I Use dot com，Safari 目前对表单验证的支持很差。通过 iOS 上的 Safari 甚至完全没有。在非平板电脑上，Safari 仅提供部分支持。参见 http://caniuse.com/form-validation .