input使用javascript限制输入带小数的数字
2015-09-29 14:11
465 查看
如题,网上找了很多都不太好实现。我的实现需求如下:
1、如果输入数字不带小数点那么自动加入两位小数,如:输入5,替换为5.00
2、输入5.,替换为5.00
3、输入5.1,替换为5.10
4、输入非数字,自动清空
Javascript代码如下:
使用方法如下:
注意,需要拦截onblur,onkeypress两个事件。
1、如果输入数字不带小数点那么自动加入两位小数,如:输入5,替换为5.00
2、输入5.,替换为5.00
3、输入5.1,替换为5.10
4、输入非数字,自动清空
Javascript代码如下:
//限制输入数字,只能输入两位 function checkNum(obj) { //检查是否是非数字值 if (isNaN(obj.value)) { obj.value = "0.00"; return; } if (obj != null) { //没有小数时自动补零 if (obj.value.indexOf('.') == -1) { if (obj.value == "") { obj.value = "0.00"; } else { obj.value += ".00"; } } if (obj.value.toString().split(".")[1].length < 2) { if (obj.value.toString().split(".")[1].length == 0) { obj.value += "00"; } if (obj.value.toString().split(".")[1].length == 1) { obj.value += "0"; } } //检查小数点后是否对于两位 if (obj.value.toString().split(".").length > 1 && obj.value.toString().split(".")[1].length > 2) { obj.value = obj.value.substring(0, obj.value.indexOf('.') + 3); } } } function checkNumForEnter(obj) {//回车事件拦截 if (event.keyCode == 13) { this.checkNum(obj); } }
使用方法如下:
<asp:TextBox id="txtB_MinAmount" runat="server" Width="200px" onblur="checkNum(this)" onkeypress="checkNumForEnter(this)"></asp:TextBox>
注意,需要拦截onblur,onkeypress两个事件。
相关文章推荐
- jsp页面清空表单内容
- JSR-133 因果关系
- JS获取字符串长度(区分中英文)
- javascript 手机号码正则表达式验证函数
- javascript url 相关函数(escape/encodeURL/encodeURIComponent区别)
- (四)我的JavaScript系列:原型链
- JS数组操作
- 将后台数据(C#)转换成JSON字符串传到页面转换成json对象存储在JS中
- JavaScript 获取当前日期
- js中替换字符串(批量替换)
- JavaScript碎片知识收集01
- js中null和undefined区别
- Extjs--12种布局方式
- Extjs--12种布局方式
- go interface 转 string,解析json
- js的事件代理和事件冒泡
- javascript对象定义和操作
- 正则表达式之 Unicode 匹配特殊字符
- javascript中的Map和Set用法,以及for in,for of ,forEach循环用法
- 深入理解JS之Scope链