快捷導(dǎo)航

javascript驗證只能輸入數(shù)字和一個小數(shù)點示例

更新時間：2013年10月21日 17:33:23 作者：

使用javascript限制只能輸入數(shù)字和一個小數(shù)點，在某些情況下還是比較使用的，下面有個不錯的示例，感興趣的朋友可以參考下

 
function gaga(obj){ // 值允許輸入一個小數(shù)點和數(shù)字 
obj.value = obj.value.replace(/[^\d.]/g,""); //先把非數(shù)字的都替換掉，除了數(shù)字和. 
obj.value = obj.value.replace(/^\./g,""); //必須保證第一個為數(shù)字而不是. 
obj.value = obj.value.replace(/\.{2,}/g,"."); //保證只有出現(xiàn)一個.而沒有多個. 
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$","."); //保證.只出現(xiàn)一次，而不能出現(xiàn)兩次以上 

} 

<input id="gaga" type="text" onkeyup="gaga(this)" /> 

您可能感興趣的文章:

相關(guān)文章

ES6新特性八：async函數(shù)用法實例詳解
這篇文章主要介紹了ES6新特性八：async函數(shù)用法,結(jié)合實例形式分析了async函數(shù)的功能、原理、使用方法與相關(guān)注意事項,需要的朋友可以參考下
2017-04-04
JavaScript定時器實現(xiàn)無縫滾動圖片
這篇文章主要為大家詳細介紹了JavaScript定時器實現(xiàn)無縫滾動圖片，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-05-05
微信小程序計算器實現(xiàn)案例詳解
最近繼續(xù)玩一些微信小程序的api來做例子,感覺自己可能創(chuàng)造力不很足,只能模仿著別人的例子來做一個自己的計算器了,下面這篇文章主要給大家介紹了關(guān)于微信小程序計算器實現(xiàn)案例的相關(guān)資料,需要的朋友可以參考下
2023-06-06
BootStrap table刪除指定行的注意事項(筆記整理)
在前端開發(fā)中遇到這樣的問題，對于table指定行的數(shù)據(jù)進行刪除，花了好長時間才解決，今天小編抽時間給大家介紹BootStrap table刪除指定行的注意事項，需要的朋友參考下吧
2017-02-02
Table凍結(jié)表頭示例代碼
Table凍結(jié)表頭，大家對此應(yīng)該不會很陌生，實現(xiàn)很簡單，下面為大家詳細介紹下具體的實現(xiàn)，感興趣的朋友可以參考下
2013-08-08
TypeScript中l(wèi)et和var的區(qū)別介紹
這篇文章主要介紹了TypeScript?let與var的區(qū)別,主要從作用域等這幾個方面做詳細介紹，本文通過實例代碼給大家介紹的非常詳細，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2022-07-07
獲取select元素被選中的文本內(nèi)容的js代碼
獲取select元素被選中的文本內(nèi)容的方法有很多，本文為大家介紹下使用javascript來輕松實現(xiàn)下
2014-01-01
d3.js實現(xiàn)簡單的網(wǎng)絡(luò)拓撲圖實例代碼
最近一直在學(xué)習(xí)d3.js，大家都知道d3.js是一個非常不錯的數(shù)據(jù)可視化庫，我們可以用它來做一些比較酷的東西，比如可以來顯示一些簡單的網(wǎng)絡(luò)拓撲圖，這篇文中就通過實例代碼給大家介紹了如何利用d3.js實現(xiàn)簡單的網(wǎng)絡(luò)拓撲圖，有需要的朋友們可以參考借鑒，下面來一起看看吧。
2016-11-11
layui 數(shù)據(jù)表格拖動列、行位置重新排序功能實現(xiàn)
這篇文章主要介紹了layui數(shù)據(jù)表格拖動列、行位置重新排序功能實現(xiàn),本文通過實例代碼給大家介紹的非常詳細,感興趣的朋友跟隨小編一起看看吧
2024-06-06
詳解SPA中前端路由基本原理與實現(xiàn)方式
這篇文章主要介紹了詳解SPA中前端路由基本原理與實現(xiàn)方式，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-09-09