對于input 框限定輸入值為浮點型的js代碼
更新時間：2017年09月25日 08:08:07 作者：小豬哥
下面小編就為大家?guī)硪黄獙τ趇nput 框限定輸入值為浮點型的js代碼。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
在一些項目中，比如金額用到浮點型，對于input 限定可以參考以下
<input type="text" value="" onkeyup="only_num(this)" onblur="only_num(this)">
<script>
function only_num(obj){
//得到第一個字符是否為負號
var num = obj.value.charAt(0);
//先把非數(shù)字的都替換掉，除了數(shù)字和.
obj.value = obj.value.replace(/[^\d\.]/g,'');
//必須保證第一個為數(shù)字而不是.
obj.value = obj.value.replace(/^\./g,'');
//保證只有出現(xiàn)一個.而沒有多個.
obj.value = obj.value.replace(/\.{2,}/g,'.');
//保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上
obj.value = obj.value.replace('.','$#$').replace(/\./g,'').replace('$#$','.');
//如果第一位是負號，則允許添加
if(num == '-'){
obj.value = '-'+obj.value;
}
}
</script>
以上這篇對于input 框限定輸入值為浮點型的js代碼就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了js數(shù)組中去除重復(fù)值的幾種方法，文中講解非常細致，代碼幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-08-08
掌握JavaScript中的DOM操作可通過id、class、標簽名及CSS選擇器進行元素選擇和內(nèi)容修改,Timer定時器功能包括設(shè)置延時和間隔執(zhí)行,詳細介紹了事件處理器和事件監(jiān)聽函數(shù)的使用,以及避免事件覆蓋的建議2024-10-10
JavaScript 正則表達式中g(shù)lobal模式的特性
這篇文章主要介紹了JavaScript 正則表達式中g(shù)lobal模式的特性 的相關(guān)資料,需要的朋友可以參考下2016-02-02
js 對象是否存在，然后進行下一步的操作。2009-07-07
這篇文章主要介紹了js實現(xiàn)可以點擊收縮或張開的懸浮窗效果，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09
小程序卡片切換效果組件wxCardSwiper的實現(xiàn)
這篇文章主要介紹了小程序卡片切換效果組件wxCardSwiper的實現(xiàn)，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-02-02 
使用JavaScript實現(xiàn)頁面局部更新的方法總結(jié)
在JavaScript中,Ajax（Asynchronous JavaScript and XML）是一種用于在后臺與服務(wù)器進行異步通信的技術(shù),本文給大家介紹了使用JavaScript實現(xiàn)頁面局部更新的三種方法,文中通過代碼示例給大家介紹的非常詳細,需要的朋友可以參考下
2023-12-12 
這篇文章主要介紹了Js中顯示日期和農(nóng)歷的代碼，很簡單，但很實用，有圖片，需要的朋友可以參考下
2014-09-09