我有一个要限制的输入字段,以便用户只能输入最多两位小数的数字。希望使用jQuery来做到这一点。使用jQuery将输入字段限制为两位小数
我可以使用jQuery toFixed()函数吗?
感谢名单!
我有一个要限制的输入字段,以便用户只能输入最多两位小数的数字。希望使用jQuery来做到这一点。使用jQuery将输入字段限制为两位小数
我可以使用jQuery toFixed()函数吗?
感谢名单!
$('input#decimal').blur(function(){
var num = parseFloat($(this).val());
var cleanNum = num.toFixed(2);
$(this).val(cleanNum);
if(num/cleanNum < 1){
$('#error').text('Please enter only 2 decimal places, we have truncated extra points');
}
});
这里是一个小提琴http://jsfiddle.net/sabithpocker/PD2nV/
使用toFixed
将无论如何引起逼近123.6666 -> 123.67
如果你想避免近似检查这个答案Display two decimal places, no rounding
$("#myInput").focusout(function() {
if ($(this).val().length > 2 || isNaN(Number($(this).val())) {
alert("Wrong number format");
}
});
这似乎只是检查值的长度,而不是值中的小数位数。 –
与@PhilDD相同,它错过了一个“)” – projo
<input type="text" name="amount1" id="amount1" class="num_fld Amt" onkeypress="return check_digit(event,this,8,2);" size="9" value="" maxlength="8" style="text-align:right;" />
下列功能就会限制小数根据你的小数位的需要,也限制更多的t汉一个点
function check_digit(e,obj,intsize,deczize) {
var keycode;
if (window.event) keycode = window.event.keyCode;
else if (e) { keycode = e.which; }
else { return true; }
var fieldval= (obj.value),
dots = fieldval.split(".").length;
if(keycode == 46) {
return dots <= 1;
}
if(keycode == 8 || keycode == 9 || keycode == 46 || keycode == 13) {
// back space, tab, delete, enter
return true;
}
if((keycode>=32 && keycode <=45) || keycode==47 || (keycode>=58 && keycode<=127)) {
return false;
}
if(fieldval == "0" && keycode == 48) {
return false;
}
if(fieldval.indexOf(".") != -1) {
if(keycode == 46) {
return false;
}
var splitfield = fieldval.split(".");
if(splitfield[1].length >= deczize && keycode != 8 && keycode != 0)
return false;
}else if(fieldval.length >= intsize && keycode != 46) {
return false;
}else {
return true;
}
}
}
HTML5的解决方案:
<input type="number" step="0.01" />
如果你想样式无效输入(一些浏览器在默认情况下做到这一点),你可以使用:invalid
选择:
input:invalid { box-shadow: 0 0 1.5px 1px red; }
请注意,此方法不会尝试自动截断数字,但如果用户输入两个以上的十进制数字,输入将变得无效,因此表单不会提交:
试试这个所有符号:
inputField.value .replace(/(\...)(.)/,“$ 1”);
或此为数字:
inputField.value.replace(/(\ [0-9] [0-9])([0-9])/, “$ 1”);
使用正则表达式的另一种方法:
$('#id').on('input', function() {
this.value = this.value.match(/^\d+\.?\d{0,2}/);
});
ID选择可以由CSS选择来替换。
<input type="text" id="decCheck" onkeyup="decimalCheck();"/>
<script>
function decimalCheck(){
var dec = document.getElementById('decCheck').value;
if(dec.includes(".")){
var res = dec.substring(dec.indexOf(".")+1);
var kl = res.split("");
if(kl.length > 1){
document.getElementById('decCheck').value=(parseInt(dec * 100)/
100).toFixed(2);
}
}
}
</script>
为什么要使用jQuery?你可以在html中使用“maxlenght = 2”来做同样的事情...接下来,如果你想确保用户只能插入小数,你可以在事件“onkeypress”上调用一个函数 – AleVale94
听起来就像你想验证一个钱场。也许这将有助于:http://javascriptbymallik.blogspot.com/2009/08/how-to-check-two-decimal-validation-in。html – Tim