輸入框只能輸入負數,整數,2位小數(鍵盤彈起事件)

tanglijun 發布于2019-08-23 10:44 / 3238人閱讀

摘要：代碼代碼禁止輸入法只能輸入兩個小數清除數字和和以外的字符最終值寫的不好希望大神們指點錯誤或者可以簡寫的地方

html代碼

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+).(dd).*$/, "$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; 
   }
}

寫的不好!
希望大神們指點
錯誤或者可以簡寫的地方

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/96642.html

Vue中結合ElementUI實現：限制輸入框只能輸入正整數

摘要：中結合實現限制輸入框只能輸入正整數如果覺得對您有所幫助，麻煩您動動您的小手指給點個贊唄中禁止輸入小數和負數只允許輸入正整數做法一利用禁止按鍵的方法，主要是依靠禁止按下減號以及小數點來完成的首先要監聽鍵盤按下事件，因為上面的組件監聽事件是沒有 Vue中結合ElementUI實現：限制輸入框只能輸入正整數如果覺得對您有所幫助，麻煩您動動您的小手指給點個贊唄(*^▽^*) input中禁止...

iamyoung001 2019-08-23 12:24 評論0 收藏0
可能這些是你想要的H5軟鍵盤兼容方案

摘要：然而，并沒有直接監聽軟鍵盤的原生事件，只能通過軟鍵盤彈起或收起，引發頁面其他方面的表現間接監聽，曲線救國。軟鍵盤收起表現觸發輸入框以外的區域時，輸入框失去焦點，軟鍵盤收起。可以讓軟鍵盤彈起后，讓焦點元素再次滾到可視區，強迫滾到位。前言最近一段時間在做 H5 聊天項目，踩過其中一大坑：輸入框獲取焦點，軟鍵盤彈起，要求輸入框吸附（或頂）在輸入法框上。需求很明確，看似很簡單，其實不然。從...

stackvoid 2019-08-23 17:05 評論0 收藏0