首页 / JAVASCRIPT / js 只能输入数字和小数点的文本框改进版

js 只能输入数字和小数点的文本框改进版

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了js 只能输入数字和小数点的文本框改进版，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含781字，纯文字阅读大概需要2分钟。

内容图文

1、鼠标左右移动的时候。
2、最后一个不能是小数点。

<html> 
<head> 
<meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
<title>js 只能输入数字和小数点</title> 
<script language="JavaScript" type="text/javascript"> 
//by ahuinan 2009-4-10 
    function clearNoNum(event,obj){ 
        //响应鼠标事件，允许左右方向键移动 
        event = window.event||event; 
        if(event.keyCode == 37 | event.keyCode == 39){ 
            return; 
        } 
        //先把非数字的都替换掉，除了数字和. 
        obj.value = obj.value.replace(/[^\d.]/g,""); 
        //必须保证第一个为数字而不是. 
        obj.value = obj.value.replace(/^\./g,""); 
        //保证只有出现一个.而没有多个. 
        obj.value = obj.value.replace(/\.{2,}/g,"."); 
        //保证.只出现一次，而不能出现两次以上 
        obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); 
    } 
    function checkNum(obj){ 
        //为了去除最后一个. 
        obj.value = obj.value.replace(/\.$/g,""); 
    } 
    </script> 
</head> 
<body> 
 
只能输入数字和小数点的文本框：<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)"> 
脚本之家 
</body> 
</html>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

内容总结

以上是互联网集市为您收集整理的js 只能输入数字和小数点的文本框改进版全部内容，希望文章能够帮你解决js 只能输入数字和小数点的文本框改进版所遇到的程序开发问题。如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容，请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/373658.html

来源：【匿名】

首页 / JAVASCRIPT / js 只能输入数字和小数点的文本框改进版

js 只能输入数字和小数点的文本框改进版

内容导读

内容图文

内容总结

内容备注

内容手机端

文本框 - 相关标签

输入 - 相关标签

JAVASCRIPT - 技术教程分类

JAVASCRIPT - 最新教程

JAVASCRIPT - 最热教程