JS如何限制文本框只能输入小写的金额,且首位不能输0,小数点后只能输入2位

 我来答
幻翼高达Zero
2019-06-21 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:7.7万
展开全部

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建带输入框的html文件,例如:index.html。

2、在index.html的<script>标签中,输入js代码:。

3、浏览器运行index.html页面,此时文本框只能输入满足条件的数,例如3.14。

cmoooo
推荐于2017-11-25 · TA获得超过3587个赞
知道小有建树答主
回答量:741
采纳率:0%
帮助的人:663万
展开全部

其实要实现这种,有两种方法。


一种是在用户输入完成后对数据进行验证,另一种用户实时录入时,对实时录入的值进行强制更改。


那么我把这两种各写了一个函数,你了解一下看看,里面有说明,当然,两个你也可以同时使用,效果极佳:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>价格录入限定</title>
<script type="text/javascript">

/**
* 实时动态强制更改用户录入
* arg1 inputObject
**/
function amount(th){
var regStrs = [
['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上,但首位为0
['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
];
for(i=0; i<regStrs.length; i++){
var reg = new RegExp(regStrs[i][0]);
th.value = th.value.replace(reg, regStrs[i][1]);
}
}

/**
* 录入完成后,输入模式失去焦点后对录入进行判断并强制更改,并对小数点进行0补全
* arg1 inputObject
* 这个函数写得很傻,是我很早以前写的了,没有进行优化,但功能十分齐全,你尝试着使用
* 其实有一种可以更快速的JavaScript内置函数可以提取杂乱数据中的数字:
* parseFloat('10');
**/
function overFormat(th){
var v = th.value;
if(v === ''){
v = '0.00';
}else if(v === '0'){
v = '0.00';
}else if(v === '0.'){
v = '0.00';
}else if(/^0+\d+\.?\d*.*$/.test(v)){
v = v.replace(/^0+(\d+\.?\d*).*$/, '$1');
v = inp.getRightPriceFormat(v).val;
}else if(/^0\.\d$/.test(v)){
v = v + '0';
}else if(!/^\d+\.\d{2}$/.test(v)){
if(/^\d+\.\d{2}.+/.test(v)){
v = v.replace(/^(\d+\.\d{2}).*$/, '$1');
}else if(/^\d+$/.test(v)){
v = v + '.00';
}else if(/^\d+\.$/.test(v)){
v = v + '00';
}else if(/^\d+\.\d$/.test(v)){
v = v + '0';
}else if(/^[^\d]+\d+\.?\d*$/.test(v)){
v = v.replace(/^[^\d]+(\d+\.?\d*)$/, '$1');
}else if(/\d+/.test(v)){
v = v.replace(/^[^\d]*(\d+\.?\d*).*$/, '$1');
ty = false;
}else if(/^0+\d+\.?\d*$/.test(v)){
v = v.replace(/^0+(\d+\.?\d*)$/, '$1');
ty = false;
}else{
v = '0.00';
}
}
th.value = v; 
}
</script>
</head>
<body>
<input type="text" name="city" value="" onKeyUp="amount(this)" onBlur="overFormat(this)" />
</body>
</html>
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
紫陌境迁
2013-06-14 · TA获得超过218个赞
知道小有建树答主
回答量:195
采纳率:0%
帮助的人:170万
展开全部
只能输入金额
<input type="text" id="je" onkeyup="todo(this.value)" />

<script type="text/javascript">
function todo (t) {
    var reg = /^[1-9]\d*(\.\d{1,2})?$|^[0]\.\d{1,2}$/g;
    console.log(t+'-->'+reg.test(t));
}
</script>

如果不考虑0.23这种,把正则表达式|后面去掉

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
幻翼高达Zero
2019-06-21 · TA获得超过1.7万个赞
知道答主
回答量:499
采纳率:0%
帮助的人:7.7万
展开全部

需要准备的材料分别是:电脑、html编辑器、浏览器。

1、首先,打开html编辑器,新建一个有输入框的html文件,例如:index.html。

2、在index.html的<script>标签中,输入js代码:。

3、浏览器运行index.html页面,此时文本框只可输入满足条件的数,例如3.14。

本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
梦里寻你我他
2013-06-14 · TA获得超过2199个赞
知道大有可为答主
回答量:2171
采纳率:42%
帮助的人:1198万
展开全部
文本框只能输入小写的金额,且首位不能输0,小数点后只能输入2位

这句话怎么理解?阿拉伯数字还有大小写?
追问
就是只能输入数字和一个小数点,且首位不能输0和小数点,小数点后只能输入2位
追答

^[1-9][0-9]*\.\d{2}$

已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 2条折叠回答
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式