zoukankan      html  css  js  c++  java
  • html中js只允许输入数字

    <html> 
    <head> 
    <meta http-equiv="content-Type" content="text/html;charset=gb2312"> 
    <title>js只能输入数字;js只能输入数字和小数点</title> 
    <script language="JavaScript" type="text/javascript"> 
        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,""); 
        } 
    
    function DigitInput(obj,event) {
       //响应鼠标事件,允许左右方向键移动 
       event = window.event||event; 
            if(event.keyCode == 37 | event.keyCode == 39){ 
                return; 
            } 
            obj.value = obj.value.replace(/\D/g,"");      
    }
    
        </script> 
    </head> 
    <body> 
    
    只能输入数字和小数点的文本框:
    <input onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)" onpaste="return false"> 
    <br />
    只能输入数字的文本框:
    <input onkeyUp = "DigitInput(this,event);" onpaste="return false" > 
    
    </body> 
    </html>
  • 相关阅读:
    JavaSE—集合框架
    JavaSE——集合框架
    RocketMq 在Netty 下是如何进行消息封装传输
    SpringBoot 初始化流程以及各种常见第三方配置的源码实现
    Java 重要知识点,踩过的坑
    Mysql 知识储备以及InnoDB
    java 编程英语单词,语句
    PlantUML
    Rocketmq broker 消息仓库
    AutowiredAnnotationBeanPostProcessor 的一些思考
  • 原文地址:https://www.cnblogs.com/xcxc/p/2980117.html
Copyright © 2011-2022 走看看