<html>
<head>
<meta http-equiv="content-Type" content="text/html;charset=gb2312">
<title>js 只能輸入數(shù)字和小數(shù)點(diǎn)</title>

<script language="JavaScript" type="text/javascript">
function clearNoNum(obj)
{
  obj.value = obj.value.replace(/[^\d.]/g,""); //清除“數(shù)字”和“.”以外的字符
  obj.value = obj.value.replace(/^\./g,""); //驗(yàn)證第一個(gè)字符是數(shù)字而不是.
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一個(gè). 清除多余的.
  obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>

</head>
<body>
只能輸入數(shù)字和小數(shù)點(diǎn)的文本框：<input name="input1" onkeyup="clearNoNum(this)">
</body>
</html>

以上這篇文本框只能輸入數(shù)字的js代碼(含小數(shù)點(diǎn))就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)瀏覽器窗口傳遞參數(shù)的方法
這篇文章主要介紹了javascript實(shí)現(xiàn)瀏覽器窗口傳遞參數(shù),需要的朋友可以參考下
2014-09-09
JS實(shí)現(xiàn)新浪微博效果帶遮罩層的彈出框代碼
這篇文章主要介紹了JS實(shí)現(xiàn)新浪微博效果帶遮罩層的彈出框代碼,涉及JavaScript響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁(yè)面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2015-10-10
簡(jiǎn)單實(shí)現(xiàn)js菜單欄切換效果
這篇文章主要教大家如何簡(jiǎn)單實(shí)現(xiàn)js菜單欄切換效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-03-03
JS動(dòng)態(tài)插入并立即執(zhí)行回調(diào)函數(shù)的方法
這篇文章主要介紹了JS動(dòng)態(tài)插入并立即執(zhí)行回調(diào)函數(shù)的方法,實(shí)例分析了動(dòng)態(tài)插入js文件及執(zhí)行回調(diào)函數(shù)的相關(guān)技巧,需要的朋友可以參考下
2016-04-04
在微信小程序中渲染HTML內(nèi)容的方法示例
這篇文章主要介紹了在微信小程序中渲染HTML內(nèi)容的方法示例，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-09-09
JavaScript制作簡(jiǎn)易的微信打飛機(jī)
這篇文章主要介紹了JavaScript制作簡(jiǎn)易的微信打飛機(jī)，只有簡(jiǎn)單的功能，大神們可以自由擴(kuò)展哈。有需要的小伙伴可以參考下。
2015-03-03
IE與Firefox在JavaScript上的7個(gè)不同句法分享
盡管那需要用長(zhǎng)串的、沉悶的不同分支代碼來(lái)應(yīng)付不同瀏覽器的日子已經(jīng)過(guò)去，偶爾還是有必要做一些簡(jiǎn)單的區(qū)分和目標(biāo)檢測(cè)來(lái)確保某塊代碼能在用戶(hù)的機(jī)器上正常運(yùn)行
2011-10-10
JS檢測(cè)移動(dòng)端橫豎屏的代碼
這篇文章主要介紹了JS檢測(cè)移動(dòng)端橫豎屏的代碼,非常不錯(cuò)具有參考借鑒價(jià)值，需要的朋友可以參考下
2016-05-05
字符串的replace方法應(yīng)用淺析
按照W3C的說(shuō)明，String對(duì)象的replace方法調(diào)用方式是stringObject.replace(regexp/substr,replacement)。
2011-12-12
在小程序中使用騰訊視頻插件播放教程視頻的方法
這篇文章主要介紹了在小程序中使用騰訊視頻插件播放教程視頻的方法，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2018-07-07