js數(shù)字輸入框(包括最大值最小值限制和四舍五入)
2024-05-06 14:12:45
供稿：網(wǎng)友
由于原文已經(jīng)介紹的很好了，現(xiàn)在只是一些翻譯和小小的補(bǔ)充。
例子
代碼如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Demo</title>
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="autoNumeric.js"></script>
<script type="text/javascript">
jQuery(function($) {
$(':text').focus(function(){
$(':text').autoNumeric();
});
});
var change = function(){
//Change the rule.
$(":text[id$='text1']").attr('alt','p2c3p0s');
//Clear the text
$(":text[id$='text1']").val('');
$("span[id$='lblrule']").text('格式:99(范圍為0-99)');
}
var show = function(){
//format the text2 and text3.
var convertInput = $.fn.autoNumeric.Strip($(":text[id$='text1']").attr("id"));
$(":text[id$='text2']").val(convertInput);
$(":text[id$='text3']").val($.fn.autoNumeric.Format($(":text[id$='text3']").attr("id"), convertInput));
}
</script>
</head>
<body>
<table>
<tr>
<td>
<span id='lblrule' >格式:9999.99(范圍為0-9999.99)(動態(tài)修改alt屬性): </span>
</td>
<td>
<input id="text1" value="" type="text" style="TEXT-ALIGN: right" alt="p4c3p2s" size="25" />
<input type="button" value='格式化顯示' onclick="show();" />
<input type="button" value='改變屬性' onclick="change();"/>
</td>
</tr>
<tr>
<td>
<span id='lbl1' >利用Strip()方法去掉了格式,如'1,123'變?yōu)?1123'(僅顯示第一個文本框內(nèi)容): </span>
</td>
<td>
<input id="text2" value="" type="text" style="TEXT-ALIGN: right" readonly="readonly" alt="p4c3p0S" size="25" />
</td>
</tr>
<tr>
<td>
<span id='lbl2' >格式化數(shù)字,這里做的是四舍五入取整,如'5.6'變?yōu)?6'(僅顯示第一個文本框內(nèi)容): </span>
</td>
<td>
<input id="text3" value="" type="text" style="TEXT-ALIGN: right" readonly="readonly" alt="p4c3p0S" size="25" />
</td>
</tr>
</table>
</body>
</html>
本plugin的特性:
.只能輸入數(shù)字，小數(shù)分隔符(包括小數(shù)點(diǎn)),負(fù)號.
.支持在同一個頁面上每個text input的不同輸入格式,也就是說可以對頁面上每一個輸入框進(jìn)行自定義設(shè)置.
.九種不同的數(shù)字修約規(guī)則(就是四舍五入那些)
.可以分別針對整數(shù)和小數(shù)設(shè)置最大值，最小值(很好用)
.輸入值可以只為正數(shù)，也可以正負(fù)數(shù).
.只有小數(shù)和零時，前導(dǎo)符可以為零。不過如輸入數(shù)為"900"時，刪掉"9"它會保留00.
.支持粘貼，不過粘貼文字時會變成"0.00".
