200字范文,内容丰富有趣,生活中的好帮手!
200字范文 > 用number输入框限制输入数字位数 字体随数字长度变化方法

用number输入框限制输入数字位数 字体随数字长度变化方法

时间:2020-08-02 08:49:12

相关推荐

用number输入框限制输入数字位数 字体随数字长度变化方法

web前端|html教程

number,数字,输入

web前端-html教程

这里需要使用宽度相同的字体,比如数字1和数字8是等宽的,这里使用的是dinpro-regular.otf

聊天网站asp源码,vscode 代码比较合并,ubuntu 多键盘,tomcat不能自动编译,pptv爬虫,在线客服代码 php,益阳seo优化哪家不错,asp生活信息门户网站源码,仿dede58织梦模板lzw

需求:

1.允许输入15位整数,两位小数

2.输入框宽度固定,字体随内容的长度变化

3.禁止输入多个0开头

ps: 以上前提是用户输入的是数字,非数字报错处理(判断是否为空)

oa办公系统php源码下载,启动菜单删除ubuntu,爬虫有frame数据,php unsoap,seo多少费用lzw

Document*{margin:0;padding:0;} @font-face{font-family: "dinpro";src: url("font/DINPro-Regular.otf"); } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{ -webkit-appearance: none !important; } #aa{width: 300px;height: 50px;font-size: 40px;font-family: "dinpro"; } $("#aa").on("input",function(){ var value = $(this).val(); if(value.indexOf(".")==-1){//没有小数点//禁止输入多个0开头 输入00变为0 输入01后变为1if( (parseFloat(value)==0 && value.length>1) || (parseFloat(value)!=0 && value.charAt(0)=="0") ){ $(this).val(value.substring(1));} if(value.length>15){ $(this).val(value.slice(0,15));} }else{//有小数点//取两位小数$(this).val(Math.floor(value*100)/100); } //控制字体大小 14是输入框刚好可以显示的数字位数,具体根数实际情况设置 if($(this).val().length>14){$(this).css("font-size",40*(14/$(this).val().length)+"px"); }else{$(this).css("font-size","40px"); } });

sharpmap 源码,vscode设置中文未显现,ubuntu端口开发,wen容器和tomcat,爬虫系统 北京,php随机抽奖,seo全网营销平台快速推广,网站好东西,discuz城市门户模板lzw

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。