Jquery是一款功能強(qiáng)大的javascript庫(kù)，其中輸入框金額是很常用的一種效果。下面我們來(lái)看一下如何使用jquery實(shí)現(xiàn)輸入框金額功能。

$(function() {
//只能輸入數(shù)字和小數(shù)點(diǎn)
$("#amount").keypress(function(event) {
var keyCode = event.which;
if (keyCode != 46 && (keyCode< 48 || keyCode >57)) {
event.preventDefault();
}
});
//限制小數(shù)點(diǎn)個(gè)數(shù)
$("#amount").blur(function() {
var amount = $(this).val();
if (amount.indexOf(".") != -1) {
if (amount.split(".")[1].length >2) {
$(this).val(amount.substring(0, amount.indexOf(".") + 3));
}
}
});
});

以上代碼實(shí)現(xiàn)了輸入框只能輸入數(shù)字和小數(shù)點(diǎn)，并且限制小數(shù)點(diǎn)后只能有兩位小數(shù)。

在HTML中，我們需要一個(gè)input輸入框并且給它一個(gè)id值，比如下面這樣：

<input type="text" id="amount" placeholder="請(qǐng)輸入金額">

這樣，我們就完成了一個(gè)簡(jiǎn)單的輸入框金額功能。歡迎大家嘗試！