HTML5的 number 输入限制

草原上的奶牛 2018-03-07 07:04:01

html:

<input type="number" id="Number" value="">


js:

$('#Number').keyup(function(nums){

});


只能输入最多两位小数(nums),如 25.20
只能输入一个点,如 2.2.2..2. 只能为 2.2
输入开头为多个零的时候只返回一个零 如:00000.00 为0.00
...全文
1074 6 打赏 收藏 转发到动态 举报
写回复
用AI写文章
6 条回复
切换为时间正序
请发表友善的回复…
发表回复
灰灰_世界 2018-03-12
  • 打赏
  • 举报
回复
   $('#Number').blur(function(nums){
        var num  = parseFloat(this.value);
        if(!isNaN(num)){
            this.value=num.toFixed(2);
        }else{
            this.value="请输入正确的数字"
        }
    });
楼主可以使用为什么没有使用keyup事件 在我测试中发现用户没法进行一个完整的输入所以这里使用blur事件
无聊的上午 2018-03-12
  • 打赏
  • 举报
回复
http://blog.csdn.net/mynameliMr/article/details/51456588 看下这篇帖子
abcba101 2018-03-12
  • 打赏
  • 举报
回复
有些可以再后台对表单做控制 比如python flask 的feildlist
天际的海浪 2018-03-07
  • 打赏
  • 举报
回复
$('#Number').keyup(function(){ this.value=this.value.replace(/^0*(\d+(?:\.\d{0,2})?).*$/,"$1"); });
似梦飞花 2018-03-07
  • 打赏
  • 举报
回复

<input type="text" id="Number"  value="">
<script>
    document.getElementById('Number').onblur=function(){
        this.value=parseFloat(this.value);
    }
</script>

87,907

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧