文本框数字格式化
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
dist
example
src
README.md
gulpfile.js

README.md

format-number

文本框数字或金额格式化 效果如下图:

数字格式化

Demo请点击数字格式化demo

演示代码

<script src="../src/jquery-1.11.2.js"></script>
<script src="../src/format-number.js"></script>
<div>整数:<input type="text" data-type="int" data-name="int"/></div>
<script>
	var n1 = new FormatNumber();
	n1.init({trigger:$('[data-type="int"]'),decimal:0});
</script>
<div>整数可为负:<input type="text" data-type="int2" data-name="int"/></div>
<script>
	var n2 = new FormatNumber();
	n2.init({trigger:$('[data-type="int2"]'),decimal:0,minus:true});
</script>
<div>两位小数(默认):<input type="text" class="has-minus" value="1112212.221" data-type="number" data-name="as"/></div>
<script>
	var n3 = new FormatNumber();
	n3.init({trigger:$('[data-type="number"]')});
</script>
<div>3位小数并且可为负数:<input type="text" data-name="pc" data-type="pecent"/></div>
<script>
	var n4 = new FormatNumber();
	n4.init({trigger:$('[data-type="pecent"]'),decimal:3,minus:true});
</script>
<div>4位小数并且不可为负数:<input type="text" data-name="pc" data-type="pecent2"/></div>
<script>
	var n5 = new FormatNumber();
	n5.init({trigger:$('[data-type="pecent2"]'),decimal:4});
</script>
<div>标签:123123123.13211=<span id="sp_number">123123123.13211</span></div>
<script>
$('#sp_number').FormatNumber({decimal:4})
</script>

API

属性

trigger:dom|string

触发器元素,可为input或标签元素(span/div)

parent :dom|string

委托对象,由于本插件对事件的绑定都以委托为主,如不传,默认代理到body上

decimal: int

小数位数,默认2位

minus: bool

是否支持负数,默认为false不支持