js 只能輸入數(shù)字和小數(shù)點的文本框改進版

更新時間：2009年04月15日 22:33:04 作者：

以前的版本不能輸入退格鍵等功能。

1、鼠標左右移動的時候。
2、最后一個不能是小數(shù)點。

<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <title>js 只能輸入數(shù)字和小數(shù)點</title> <script language="JavaScript" type="text/javascript"> //by ahuinan 2009-4-10     function clearNoNum(event,obj){         //響應鼠標事件，允許左右方向鍵移動         event = window.event||event;         if(event.keyCode == 37 | event.keyCode == 39){             return;         }         //先把非數(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("$#$",".");     }     function checkNum(obj){         //為了去除最后一個.         obj.value = obj.value.replace(/\.$/g,"");     }     </script> </head> <body>  只能輸入數(shù)字和小數(shù)點的文本框：<input id="input1" onKeyUp="clearNoNum(event,this)" onBlur="checkNum(this)"> <a href="http://www.dhdzp.com">腳本之家</a> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁面才能執(zhí)行]

您可能感興趣的文章:

相關(guān)文章

iframe窗口高度自適應的實現(xiàn)方法
這篇文章主要介紹了iframe窗口高度自適應的實現(xiàn)方法，有需要的朋友可以參考一下
2014-01-01
百度小程序自定義通用toast組件
這篇文章主要介紹了百度小程序自定義通用toast組件,百度小程序的toast僅支持在頁中展示，不能自定義位置、字體大小、在單個文本中增加icon等需求；因此自定義一個全局可通用的Toast,需要的朋友可以參考下
2019-07-07
本窗口將在秒后自動關(guān)閉
本窗口將在秒后自動關(guān)閉...
2006-07-07
直接在JS里創(chuàng)建JSON數(shù)據(jù)然后遍歷使用
本節(jié)為大家講解下直接在JS里創(chuàng)建JSON數(shù)據(jù)，然后遍歷使用,需要的朋友可以參考下
2014-07-07
xss文件頁面內(nèi)容讀取(解決)
xss文件頁面內(nèi)容讀取(解決),需要的朋友可以參考下。
2010-11-11
JavaScript多種頁面刷新方法小結(jié)
這篇文章主要介紹了JavaScript多種頁面刷新方法小結(jié)，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下
2019-04-04
JS組件Bootstrap Table使用方法詳解
這篇文章主要為大家詳細介紹了JS組件Bootstrap Table使用方法，具有一定的實用性，感興趣的小伙伴們可以參考一下
2016-02-02
js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊
這篇文章主要介紹了js獲取input長度并根據(jù)頁面寬度設(shè)置其大小及居中對齊的方法,需要的朋友可以參考下
2014-08-08
JS實現(xiàn)五星好評案例
這篇文章主要為大家詳細介紹了JS實現(xiàn)五星好評案例，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-09-09
微信小程序?qū)崿F(xiàn)星級評分
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)星級評分，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-11-11