输入框只能输入负数,整数,2位小数(键盘弹起事件)

柔情只为你懂 2022-02-28 01:27 319阅读 0赞

html代码

<input type="text" onkeyup="clearNoNum(this)">

js代码

function clearNoNum(obj) {
           var str,num,arr,len,bool; 
           obj.style.imeMode ='disabled'   //禁止输入法
        
           obj.value = obj.value.replace("-", "$#$").replace(/\-/g, "").replace("$#$","-");
           obj.value = obj.value.replace(".", "$#$").replace(/\./g, "").replace("$#$",".");
        
           arr = obj.value.substring(0,1);
           num = /^[0-9]*$/.test(arr);
           len = obj.value.substring("0",1);
    
       if( ((arr == "-") || (num == true && arr !== "0" )) || /^[0-9]*$/.test(obj.value) && len !== "0"){
    
           bool =  obj.value.slice(1).indexOf("-");     
           if(/^[0-9]*$/.test(bool)){
              obj.value = null
           }
    
           obj.value = obj.value.replace(/^(\-)*(\d+)\.(\d\d).*$/, '$1$2.$3');// 只能输入两个小数     
           obj.value = obj.value.replace(/[^\-?\d.]/g, ""); // 清除"数字"和"."和"-"以外的字符
    
           if(obj.value !== "-" && obj.value !== "" & obj.value !== null){                    
                var val = parseFloat(obj.value);
                if (val >= 100000000000000000) {
                    obj.value = "99999999999999.99";
                }             
                   console.log(obj.value)  //最终值
          }
       }else{
          obj.value = null; 
       }
    }

写的不好!  
希望大神们指点  
错误或者可以简写的地方

发表评论取消回复

表情：

评论列表（有 0 条评论，319人围观）

还没有评论，来说两句吧...

相关阅读

相关 input框只能输入整数

input type="text" name="number" id="number" value="" οnkeypress="click(event)" class...

痛定思痛。/ 2024年04月19日 14:53/ 0 赞/ 113 阅读

相关 vue限制输入框只能输入N位整数和2位小数

关于input里的数字校验代码，采用的是element插件的input，有个@input事件 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5

Love The Way You Lie/ 2023年02月16日 12:01/ 0 赞/ 72 阅读

相关解决输入框被键盘弹起遮挡问题

方案一，通过window的onresize事件，监听窗口变化进行处理 var clientHeight = document.body.clientHeight;

╰+攻爆jí腚メ/ 2022年12月10日 15:00/ 0 赞/ 269 阅读

相关 input输入框只能输入数组、或者只能输入正整数带有2小数

只能输入正整数 input代码 <input id="stock" name="stock" class="form-control" type="text"

桃扇骨/ 2022年12月01日 14:15/ 0 赞/ 335 阅读

相关让输入框输入的时候只能输入整数

说什么废话，直接上代码 html代码 <el-form-item label="数量" prop="count"> <el-input

雨点打透心脏的1/2处/ 2022年10月09日 00:38/ 0 赞/ 222 阅读

相关 JS通过正则限制 input 输入框只能输入整数、小数(金额或者现金)

第一：限制只能是整数 \[js\] [view plain][] [copy][view plain] 1. <input type = "text" name=

阳光穿透心脏的1/2处/ 2022年06月05日 09:17/ 0 赞/ 788 阅读

相关输入框只能输入负数,整数,2位小数(键盘弹起事件)

html代码 <input type="text" onkeyup="clearNoNum(this)"> js代码 function clearNoNu

柔情只为你懂/ 2022年02月28日 01:27/ 0 赞/ 320 阅读

相关输入框限制输入两位小数

[为什么80%的码农都做不了架构师？>>> ][80_] ![hot3.png][] HTML: <input type="number" name="price

我不是女神ヾ/ 2022年01月15日 10:19/ 0 赞/ 375 阅读

相关 uniapp-键盘输入(软盘)弹起后,将输入框遮掉一小半

需要在page.json中配置一下软盘弹出方式即可 "app-plus": { "softinputMode":"adjustResize"

超、凢脫俗/ 2021年09月07日 06:16/ 0 赞/ 1111 阅读

相关 input输入框只能输入数字、小数及负数

使用js控制input输入框只能输入数字、小数及负数，通过监听键盘事件触发js方法实现。代码如下： //input框 <input type="text

刺骨的言语ヽ痛彻心扉/ 2021年06月24日 16:09/ 1 赞/ 1660 阅读