如何使用逗号创建小数而不是点在Microsoft Edge中的html5中的输入数字

Question

我想要一个接受逗号而不是点

使用如下的验证器可以在chrome中使用但不在edge中：

<input type="number" pattern="[0-9]+([\,|\.][0-9]+)?" name="my-num"
    step="0.01"
    id="with-validator"/>

$('#with-validator').on('change keyup', function(event) {
    if ( event.target.validity.valid ) {
        $('#result').text($(this).val());
    } else {
        $('#result').text('NOPE');
    }    
});

不幸的是，我正在使用Edge渲染引擎的UWP Windows 10应用程序。

我怎样才能在Edge中实现这一目标？

Answer 1

<input type="number" name="quantity" min=".01" max=".99" step= ".01"/>

这是一个更简单的方法来纠正正则表达式，但对于你的实际问题...

http://quirksmode.org/html5/inputs/说明Edge仅提供此列表中的3 4和5这些类型如果浏览器支持此类型1.为用户提供自定义界面（触摸屏上的自定义键盘;桌面上的箭头） 2.Restricts输入数字（和相关字符，如负号）3。不发送不正确的数据到服务器4.找到不正确的数据后提交表单提交5.通知用户提交失败，并显示错误消息

简而言之，边缘浏览器不支持HTML5输入编号100％