简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

限制html文字框input只能輸入數字和小數點的方法

高洛峰
發布： 2017-03-28 09:48:55
原創
3099 人瀏覽過

本文主要介紹了限制html文字方塊input只能輸入數字和小數點的方法。具有很好的參考價值。下面跟著小編一起來看下吧

程式碼：

<input type="text" class="txt" name="qty" value="" onkeyup="this.value=this.value.replace(/[^0-9\.]/g,&#39;&#39;)" />
登入後複製

PS：js實作只能輸入數字和小數點的文字方塊

<html><head><meta http-equiv="content-Type" content="text/html;charset=gb2312"><title>js 只能输入数字和小数点</title>
<script language="JavaScript" type="text/javascript">
function clearNoNum(obj){   obj.value = obj.value.replace(/[^\d.]/g,"");  //清除“数字”和“.”以外的字符  
 obj.value = obj.value.replace(/^\./g,"");  //验证第一个字符是数字而不是. 
  obj.value = obj.value.replace(/\.{2,}/g,"."); //只保留第一个. 清除多余的.   
obj.value = obj.value.replace(".","$#$").replace(/\./g,"").replace("$#$",".");
}
</script>
</head><body>只能输入数字和小数点的文本框：<input name="input1" onkeyup="clearNoNum(this)"></body></html>
登入後複製

以上是限制html文字框input只能輸入數字和小數點的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

相關標籤：
input
來源：php.cn
上一篇：html中table表格的內容水平和垂直居中顯示實例程式碼 下一篇：html中div設計總結
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
無法從網站取得輸入元素 所以我試圖從Twitter獲取一個輸入元素，但當我運行它時，它不斷在節點終端中給我一個這樣的錯誤，結果，由此代碼創建的瀏覽器窗口將自行關閉，因為它找不到正確的輸入選擇器。如何取得正...
來自於 2024-04-06 18:59:57
0
1
442
供應商特定偽元素上的 JavaScript 懸停事件 我有以下htmlinput標籤。 $("input[type='range']::-webkit-slider-thumb").on('hover',funct...
來自於 2024-04-06 15:35:24
0
1
274
透過迭代顯示嵌套的物件數組在HTML表格中 我有一個包含巢狀物件數組的以下input。 summary是父級物件數組，run_type是巢狀的物件數組。 letinput={"summary":[{&qu...
來自於 2024-04-05 14:11:42
0
1
1373
讓反應渲染輸入的結束標籤？ 我有一個不尋常的要求。我的網站是使用React建立的，我希望人們能夠將公共網站的HTML複製到自己的React元件中。我遇到的唯一問題是輸入在由React渲染時沒有結束標記。這兩個...
來自於 2024-04-03 23:01:01
0
1
320
Shopware 6 外掛程式：如何刪除布林配置並將其遷移到多選配置 我有一個Shopware6插件，目前使用布林配置reviewSkipModeration值，該值自動發布透過插件提交的任何評論：config.xml<input-fieldt...
來自於 2024-04-03 23:09:28
0
1
410
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！