javascript - 当所需值是另一种形式的 0 时,Firefox 会强制输入 0。例如 : 00. 00。有什么可以做的吗?

标签 javascript jquery firefox

Firefox 强制所有形式的零都为 0。我们被要求尽可能使前端保持一致。因此,当 0 作为值出现时,我们希望显示 00.00,因为这是一个金融网站。我在当前代码之外使用 jquery 和常规 javascript 对此进行了测试。

document.getElementById('txtQuantity').value = '00.00';
$('#txtQuantity').val('00.00');

这两个设置 00.00 的简单调用都显示为 0。我考虑过输入屏蔽这一点,但我们不想强制客户端在他们想要输入的只是整数时键入小数占位符。

最佳答案

我怀疑问题是type="number"@Rory hinted at 。鉴于<input type="number" value="00.00"> ,Firefox 将显示一个包含值 0 的元素。 。

这并不完全是语义上的,但根据我的经验 tel跨浏览器更加一致。请注意,这也将摆脱旋转按钮(在我的用例中这是首选,但可能不是在您的用例中):

<p>number: <input type="number" value="00.00"></p>
<p>tel: <input type="tel" value="00.00" pattern="\d+\.\d+"></p>

火狐:
Firefox

Chrome:
Chrome

边缘(FWIW):
Edge

关于javascript - 当所需值是另一种形式的 0 时,Firefox 会强制输入 0。例如 : 00. 00。有什么可以做的吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55362946/

相关文章:

JavaScript 基金会揭示模态渲染

jquery - 在 VS2010 中启用 jQuery Intellisense,无需引用本地 jQuery(或在每个文件中)

jquery - ASP.NET MVC2 自定义 jQuery 验证 : client -side

php - 插入数据并勾选以启用输入标签

javascript - Firefox Add-on SDK 获取选项卡 ID

javascript - 尝试遵循 Javascript 中的数字数组排序步骤

javascript - 加载本地 css 和 js 文件时出现 Cors 错误

javascript - dataTable fn用新值更新行

c# - 动态设置PDF文件名

firefox - Firefox 中出现奇怪的 CSP 错误