我创建了一个 HTML 表单，其中包含一个需要金额的字段。
根据我的阅读，JavaScript 不将小数识别为数字组件，并且公认的做法是以美分输入而不是处理美元金额。
问题是，我正在编写的表单提交给一个函数，该函数读取表单输入并对其执行一些操作，并将此美元金额作为格式为 ##.## 的文本，并将拒绝任何不在此格式中的输入确切的格式。
我想知道的是：是否可以创建一个包含 5 个字符并将第三个字符设置为永久小数点的文本框？
如果没有，有什么方法可以使用 JS 验证来确保输入格式正确？
谢谢！
【问题讨论】：
标签： javascript html
我认为您将不得不对其进行验证。这篇文章有一些很好的验证美元金额的正则表达式：Currency validation。它也有一些关于如何修剪的好处，这样用户就不能输入 412.234 美元或类似的东西。
【讨论】：
您不能在 HTML 中创建一个固定有特定字符的文本框。也几乎没有任何必要，因为用户输入 12.34（指定金额时）比输入 1234 并自动插入句点更自然。
您可以使用 HTML5 pattern 属性指定所需的格式。并非所有浏览器都支持它，但在不支持时它不会造成任何伤害，并且即使在禁用 JavaScript 时它也会执行检查。您当然应该添加 JavaScript 检查，在这样的简单情况下，最好直接编写代码而不是使用任何库：
<input pattern="\d?\d\.\d\d" maxlength=5 size=5 onchange="check(this)">
<script>
function check(elem) {
if(!elem.value.match(/^\d?\d\.\d\d$/)) {
alert('Error in data – use the format dd.dd (d = digit)');
}
}
</script>
使用的正则表达式同时接受 dd.dd 和 d.dd（省略 ? 以仅允许第一种格式）。
为简单起见，示例使用alert；在真实页面中，您应该使用一些破坏性较小的方式向用户发出错误信号（通常，将文本写入为此类消息保留的区域），但最好的方式取决于整个页面的设计.
（使用<input type=number min=0 max=99.99 step=0.01 ...> 似乎更合乎逻辑，但这会引发严重的本地化问题，并且浏览器实现type=number 的效果会很差。最重要的是，不能保证发送的数据符合需要格式。例如，在 Chrome 中，使用浏览器创建的控件，数字将从 0.09 步进到 0.1 而不是 0.10，从 0.99 到 1 而不是 1.00 等）
【讨论】：