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