分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

JS中input输入框的一些限制

发布时间:2023-09-06 01:47责任编辑:白小东关键词:暂无标签

限制只能输入正整数

<input type="text" onkeyup="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘‘)}else{this.value=this.value.replace(/\D/g,‘‘)}" ????????????????????onafterpaste="if(this.value.length==1){this.value=this.value.replace(/[^1-9]/g,‘0‘)}else{this.value=this.value.replace(/\D/g,‘‘)}" />

限制只能输入最多两位小数的正数

<input type="text" ?placeholder="优惠金额" onkeyup= "clearNoNum(this);"/>
 1 /* 2 ?* 控制只能输入数字并且最多允许两位小数点 3 ?*/ 4 function clearNoNum(obj){ ??5 ????//修复第一个字符是小数点 的情况. ??6 ????if(obj.value !=‘‘&& obj.value.substr(0,1) == ‘.‘){ ??7 ????????obj.value=""; ??8 ????} ??9 ????obj.value = obj.value.replace(/^0*(0\.|[1-9])/, ‘$1‘);//解决 粘贴不生效 ?10 ????obj.value = obj.value.replace(/[^\d.]/g,""); ?//清除“数字”和“.”以外的字符 ?11 ????obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的 ??????12 ????obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); ?????13 ????obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,‘$1$2.$3‘);//只能输入两个小数 ??????14 ????if(obj.value.indexOf(".")< 0 && obj.value !=""){//以上已经过滤,此处控制的是如果没有小数点,首位不能为类似于 01、02的金额 ?15 ????????if(obj.value.substr(0,1) == ‘0‘ && obj.value.length == 2){ ?16 ????????????obj.value= obj.value.substr(1,obj.value.length); ?????17 ????????} ?18 ????} ?????19 } ?????

JS中input输入框的一些限制

原文地址:https://www.cnblogs.com/wbyp/p/8658565.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved