### JS限制文本框为整数和货币的函数代码
#### 整数限制
在Web开发中，有时我们需要确保用户在特定的输入框中只能输入整数，并且这些整数需要在一个预设的范围内。以下是一个JavaScript函数，用于验证输入是否为指定范围内的整数。
```javascript
// 获取元素的函数
function G(id) {
return document.getElementById(id);
}
// 检查整数的函数
function checkNumber() {
// 定义正则表达式来匹配0到100之间的整数
var reg = /^(:0|[1-9]\d|100)$/;
// 获取输入框中的值
var strNumber = G("txtNumber").value;
// 使用正则表达式测试输入的值
if (reg.test(strNumber)) {
alert("输入的是有效整数");
} else {
alert("请输入一个0到100之间的整数！");
// 清空输入框
G("txtNumber").value = "";
}
}
```
**HTML部分:**
```html
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript">
function G(id) {
return document.getElementById(id);
}
function checkNumber() {
var reg = /^(:0|[1-9]\d|100)$/;
var strNumber = G("txtNumber").value;
if (reg.test(strNumber)) {
alert("输入的是有效整数");
} else {
alert("请输入一个0到100之间的整数！");
G("txtNumber").value = "";
}
}
</script>
</head>
<body>
<input type="text" value="" id="txtNumber" title="请输入一个0到100之间的整数..." />
<button onclick="checkNumber();">检查整数</button>
</body>
</html>
```
### 货币限制
对于货币值的输入，我们通常希望限制用户只能输入合理的货币格式，例如带有一位或两位小数的数值。下面是一个示例函数，用于验证输入是否符合货币格式。
```javascript
// 检查货币值的函数
function checkMoney(obj) {
// 去除前后空白字符
var tempValue = obj.value.replace(/(^\s+)|(\s+$)/g, '');
if (!tempValue) {
return;
}
// 检查是否符合货币格式
if (/^-?\d+(\.\d+)?$/.test(tempValue)) {
// 如果符合格式，则确保最多只有两位小数
obj.value = parseFloat(tempValue).toFixed(2);
} else {
alert('请输入合法的货币值！');
// 选中整个输入框的内容
obj.select();
}
}
```
**HTML部分:**
```html
<!DOCTYPE html>
<html>
<head>
<script language="javascript" type="text/javascript">
function checkMoney(obj) {
var tempValue = obj.value.replace(/(^\s+)|(\s+$)/g, '');
if (!tempValue) {
return;
}
if (/^-?\d+(\.\d+)?$/.test(tempValue)) {
obj.value = parseFloat(tempValue).toFixed(2);
} else {
alert('请输入合法的货币值！');
obj.select();
}
}
</script>
</head>
<body>
<input type="text" id="txtMoney" onblur="checkMoney(this)" title="请输入有效的货币值..." />
</body>
</html>
```
#### 总结
以上两个示例展示了如何使用JavaScript来限制文本框中的输入只接受整数或货币值。这些函数可以通过简单的正则表达式来验证输入，并通过简单的逻辑操作来确保输入符合预期的要求。在实际应用中，可以进一步扩展这些函数，例如增加错误提示、改善用户体验等，以便更好地满足项目需求。
### 相关链接与参考
- [正则表达式教程](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Guide/Regular_Expressions)
- [JavaScript Number 对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Number)
- [JavaScript String 对象](https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/String)
通过这些链接，开发者可以深入了解JavaScript中的正则表达式以及String和Number对象的相关方法，从而更好地理解和应用上述代码片段。
