快捷導(dǎo)航

常用限制input的方法的js代碼

更新時間：2007年03月10日 00:00:00 作者：

1.取消按鈕按下時的虛線框,在input里添加屬性值 hideFocus 或者 HideFocus=true  <input type="submit" value="提交" hidefocus="true" /> 2.只讀文本框內(nèi)容,在input里添加屬性值 readonly  <input type="text" readonly />  3.防止退后清空的TEXT文檔(可把style內(nèi)容做做為類引用)  <input type="text" style="behavior:url(#default#savehistory);" />  4.ENTER鍵可以讓光標(biāo)移到下一個輸入框  <input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 5.只能為中文(有閃動)  <input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" /> 6.只能為數(shù)字(有閃動)  <input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 7.只能為數(shù)字(無閃動)  <input type="text" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onkeypress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false" /> 8.只能輸入英文和數(shù)字(有閃動)  <input type="text" onkeyup="value=value.replace(/[\W]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" /> 9.屏蔽輸入法  <input type="text" name="url" style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" />  10. 只能輸入 數(shù)字，小數(shù)點，減號（-） 字符(無閃動)  <input onkeypress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false" />  11. 只能輸入兩位小數(shù)，三位小數(shù)(有閃動)  <input type="text" maxlength="9" onkeyup="if(value.match(/^\d{3}$/))value=value.replace(value,parseInt(value/10)) ;value=value.replace(/\.\d*\./g,'.')" onkeypress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 && event.keyCode!=45 || value.match(/^\d{3}$/) || /\.\d{3}$/.test(value)) {event.returnValue=false}" />

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

您可能感興趣的文章:

常用限制input的方法的js代碼

相關(guān)文章

JavaScript中常用的幾種字符串方法匯總（新手必看）
這篇文章主要給大家介紹了關(guān)于JavaScript中常用的幾種字符串方法的相關(guān)資料，文中通過圖文介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2021-04-04
JavaScript自定義插件實現(xiàn)tabs切換功能
這篇文章主要為大家詳細(xì)介紹了JavaScript自定義插件實現(xiàn)tabs切換功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2021-04-04
js構(gòu)建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化詳解
這篇文章主要給大家介紹了關(guān)于js構(gòu)建二叉樹進行數(shù)值數(shù)組的去重與優(yōu)化的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
2018-03-03
JavaScript Accessor實現(xiàn)說明
關(guān)于Getter與Setter大家一定不會陌生,下面簡單介紹幾種我所知道的在JavaScript中實現(xiàn)G/S的方法.
2010-12-12
JS中事件冒泡和事件捕獲介紹
這篇文章主要為大家詳細(xì)介紹了JS中事件冒泡和事件捕獲的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2016-12-12
JavaScript 中的 Map使用指南
本文詳細(xì)介紹了JavaScript中的Map數(shù)據(jù)結(jié)構(gòu),包括它的創(chuàng)建、常用方法、迭代方式以及與對象的區(qū)別,文章簡要介紹了WeakMap的概念和使用場景,感興趣的朋友一起看看吧
2025-02-02
JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式
這篇文章主要為大家詳細(xì)介紹了JS+CSS實現(xiàn)高亮關(guān)鍵詞(不侵入DOM)的方式,文中的示例代碼講解詳細(xì),具有一定的參考價值,感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2023-12-12
Javascript實現(xiàn)單張圖片瀏覽
這篇文章主要介紹了Javascript實現(xiàn)單張圖片瀏覽，非常的簡單，是學(xué)習(xí)javascript時練手用的，跟我一樣的菜鳥看看吧，大神請略過
2014-12-12
原生JavaScript實現(xiàn)滑動拖動驗證的示例代碼
這篇文章主要介紹了原生JavaScript實現(xiàn)滑動拖動驗證的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2019-12-12
使用Axios攔截器優(yōu)化HTTP請求與響應(yīng)的實踐案例
在前端開發(fā)中,HTTP 請求是與后端交互的重要方式,為了提高代碼的可維護性、復(fù)用性以及用戶體驗,使用 Axios 攔截器是非常常見的做法,本文將詳細(xì)介紹如何使用 Axios 的請求攔截器和響應(yīng)攔截器,需要的朋友可以參考下
2024-11-11