jquery 控制input 中只能输入 数字跟小数点且只能保留小数点后两位
时间: 2024-09-09 12:11:49 浏览: 65
jQuery 可以配合正则表达式和事件处理函数来实现这样的功能,主要是通过`keyup`或`input`事件来实时验证用户在 `input` 元素中输入的内容。以下是简单的步骤:
1. 首先,给需要限制的 `input` 元素添加一个 ID 以便于 jQuery 选择它:
```html
<input type="text" id="numeric-input" />
```
2. 然后,在 JavaScript 或 jQuery 中编写一个事件监听器:
```javascript
$(document).ready(function() {
$('#numeric-input').on('input keyup', function(event) {
// 获取当前输入值并转换为字符串
var inputVal = $(this).val();
// 使用正则表达式,只允许数字和一位小数
var regex = /^\d+(\.\d{1})?$/;
// 如果输入不符合规则,设置回车键默认行为阻止继续输入,并清除输入
if (!regex.test(inputVal)) {
event.preventDefault();
$(this).val('');
} else {
// 如果输入合法,保留两位小数(如果有的话)
$(this).val(parseFloat(inputVal).toFixed(2));
}
});
});
```
这个脚本会检查用户的输入是否只包含数字和一个小数点(可选),如果不是,则阻止默认的行为(如提交表单等)并清空输入框。如果是有效的小数,会保留两位小数。
阅读全文