js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法
更新時間：2015年08月19日 15:11:29 作者：企鵝
這篇文章主要介紹了js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法,涉及javascript對字符串正則判斷及數(shù)值大小判斷的相關(guān)技巧,具有一定參考借鑒價值,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)文本框只允許輸入數(shù)字并限制數(shù)字大小的方法。分享給大家供大家參考。具體如下：
這是一個很個性的輸入框特效，規(guī)定文本框只允許輸入數(shù)字，如果你執(zhí)意要輸入其它的字符，則輸入的字符將自動消失，除非你輸入的是規(guī)定內(nèi)的字符格式，并且對輸入數(shù)字大小也有限制！為保證兼容性，請使用火狐瀏覽器。
運(yùn)行效果截圖如下：
在線演示地址如下：
http://demo.jb51.net/js/2015/js-input-limit-num-codes/
具體代碼如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>首頁</title>
<style type="text/css">
html,body{margin:0; padding:20px;}
</style>
</head>
<body>
<input type="text" id="input" />
<script type="text/javascript">
var text = document.getElementById("input");
text.onkeyup = function(){
this.value=this.value.replace(/\D/g,'');
if(text.value>100){
text.value = 100;
}
}
</script>
</body>
</html>
希望本文所述對大家的javascript程序設(shè)計有所幫助。
相關(guān)文章
使用JS操作文件(FileReader讀取--node的fs)
這篇文章主要介紹了使用JS操作文件(FileReader讀取--node的fs)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2021-12-12
JavaScript設(shè)置、獲取、清除單值和多值cookie的方法
cookie 是存儲于訪問者的計算機(jī)中的變量。每當(dāng)同一臺計算機(jī)通過瀏覽器請求某個頁面時，就會發(fā)送這個 cookie。你可以使用 JavaScript 來創(chuàng)建和取回 cookie 的值，本文通過一段代碼給大家介紹js設(shè)置、獲取、清除單值和多值cookie的方法，需要的朋友一起學(xué)習(xí)吧2015-11-11
這篇文章介紹了javascript抖動元素的小例子，有需要的朋友可以參考一下2013-10-10
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)篩選功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-11-11
js實(shí)現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)的全國省市二級聯(lián)動下拉選擇菜單,以一個完整實(shí)例形式較為詳細(xì)的分析了javascript實(shí)現(xiàn)省市二級聯(lián)動下拉菜單的實(shí)現(xiàn)技巧,非常簡單實(shí)用,需要的朋友可以參考下2015-08-08
JavaScript實(shí)現(xiàn)Base64編碼轉(zhuǎn)換
這篇文章主要介紹了JavaScript實(shí)現(xiàn)Base64編碼轉(zhuǎn)換的相關(guān)資料,非常簡單實(shí)用，需要的朋友可以參考下2016-04-04
這篇文章主要為大家詳細(xì)介紹了Bootstrap按鈕下拉菜單組件，感興趣的小伙伴們可以參考一下2016-05-05
微信小程序如何調(diào)用新聞接口實(shí)現(xiàn)列表循環(huán)
這篇文章主要介紹了微信小程序如何調(diào)用新聞接口實(shí)現(xiàn)列表循環(huán),文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2019-07-07
這篇文章主要為大家詳細(xì)介紹了H5圖片上傳插件，基于zepto，支持多文件上傳，進(jìn)度和圖片預(yù)覽，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-04-04
使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件
這篇文章主要為大家詳細(xì)介紹了使用javaScript實(shí)現(xiàn)鼠標(biāo)拖拽事件的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-09-09