js 金额输入校验
时间: 2023-07-08 21:08:35 浏览: 154
javaScript强制保留两位小数的输入数校验和小数保留问题
以下是一个简单的 JavaScript 金额输入校验函数:
```javascript
function validateAmount(input) {
// 去掉输入中的空格
var amount = input.value.trim();
// 正则表达式匹配金额格式
var pattern = /^[1-9]\d*(\.\d{1,2})?$/;
if (pattern.test(amount)) {
// 格式正确,去掉前导零
input.value = parseFloat(amount).toFixed(2);
return true;
} else {
// 格式不正确,弹出提示信息
alert("请输入正确的金额,例如:100.00");
input.value = "";
input.focus();
return false;
}
}
```
使用方法:
在 HTML 中,添加一个输入框和一个按钮:
```html
<input type="text" id="amount" onblur="validateAmount(this);">
<button onclick="validateAmount(document.getElementById('amount'));">提交</button>
```
当输入框失去焦点或者点击提交按钮时,调用 `validateAmount` 函数进行金额校验。如果金额格式正确,则将输入框的值保留两位小数并去掉前导零,否则弹出提示信息。
注意,这个校验函数只能检查金额格式是否正确,不能保证输入的金额是合法的(例如:是否超出了账户余额)。在实际应用中,需要根据具体情况进行完整的校验。
阅读全文