限制input輸入類型

只能輸入和粘貼漢字
<input onkeyup =“value = value.replace（/ [^ \ u4E00- \ u9FA5] / g珠月，''）”onbeforepaste =“clipboardData.setData（'text'胜臊，clipboardData.getData '）.replace（/ [^ \ u4E00- \ u9FA5] /克，''））“> <BR/>

只能輸入和粘貼數(shù)字
<input onkeyup =“this.value = this.value.replace（/ \ D / g常潮，''）”onafterpaste =“this.value = this.value.replace（/ \ D / g岔留，''）”/> <BR/>

數(shù)字腳本
<input onkeyup =“if（/ \ D / .test（this.value））{alert（'只能輸入數(shù)字'）; this.value ='';}”>

只能輸入數(shù)字和中文
<input onkeyup =“value = value.replace（/ [\ W] / g龄减，''）”onbeforepaste =“clipboardData.setData（'text'违崇，clipboardData.getData（'text'）。replace（/ \ d] / g嗤谚，''））“>

簡易禁止輸入漢字
<input style =”ime-mode：disabled“>輸入法不轉(zhuǎn)換鳄橘，但可粘貼上
者

輸入數(shù)字和小數(shù)點
<輸入的onkeyup = “值= value.replace（/ [^ \ D {1瘫怜，} \ \ D {1暗挑，} |烹看。\ D {1陕习，}] /克， ''）”/> <BR/>

只能數(shù)字和“ - ”赖晶，例如在輸入時間的時候可以用到
<input onkeyup =“value = value.replace（/ [^ \ w＆=] | _ / ig律适，''）”onblur =“value = value.replace（/ [^ \ w＆ - ] | _ / ig，'' ）“/>

JS控制輸入輸入字符限制ENTER鍵可以讓光標(biāo)移到下一個輸入框

代碼如下：

<input onkeydown =“if（event.keyCode == 13）event.keyCode = 9”>只能是中文
<input onkeyup =“value = value.replace（/ [ - ?] / g遏插，''）”onkeydown = “if（event.keyCode == 13）event.keyCode = 9”>屏蔽輸入法<input style =“ime-mode：disabled”onkeydown =“if（event.keyCode == 13）event.keyCode = 9”>只能輸入英文和數(shù)字
<input onkeyup =“value = value.replace（/ [/ W] / g捂贿，''）”onbeforepaste =“clipboardData.setData（'text'，clipboardData.getData（'text' （/ [^ / d] / g胳嘲，''））“onkeydown =”if（event.keyCode == 13）event.keyCode = 9“>只能是數(shù)字
<input onkeyup =”value = value.replace（/ [^ / d] / g厂僧，''）“onbeforepaste =”clipboardData.setData（'text'，clipboardData.getData（'text'）了牛。replace（/ [^ / d] / g颜屠，''））“>

只能顯示辰妙，不能修改

代碼如下：

<input readonly value =“只能顯示，不能修改”>只能輸數(shù)字甫窟，判斷按鍵的值
<script language = javascript>
function onlyNum（）
{
if（Ｃ芑搿（（event.keyCode> = 48 && event.keyCode <= 57 ）||（event.keyCode> = 96 && event.keyCode <= 105）||（event.keyCode == 8）））
event.returnValue = false;
}
</ script>
<input onkeydown =“onlyNum（）;”>

文本框只能輸入數(shù)字代碼（小數(shù)點也不能輸入）
<input onkeyup =“this.value = this.value.replace（// D / g，''）”onafterpaste =“this.value = this.value.replace （// D /克粗井， ''）“>

只能輸入數(shù)字肴掷，能輸小數(shù)點。
on（isNaN（value））execCommand（'undo'）onafterpaste =“if（isNaN（value））execCommand（'undo'）”>
<input name = txt1 onchange =“if（// D /.test(this.value））{警報（ '只能輸入數(shù)字'）; THIS.VALUE = '';}“>

數(shù)字和小數(shù)點方法二

代碼如下：

<input type = text t_value =“”o_value =“”onkeptress =“if（背传！this.value.match（/ ^ [/ + / - ）呆瞻？/ d *？/径玖。痴脾？/ d *？$ /）） .value = this.t_value; else this.t_value = this.value; if（this.value.match（/ ^（梳星？：[/ + / - ）赞赖？/ d +（？：/./ d +）冤灾？ /))this.o_value=this.value“onkeyup =”if（前域！this.value.match（/ ^ [/ + / - ）？/ d *韵吨？/匿垄。？/ d *归粉？$ /））this.value = this.t_value; else this.t_value = this.value; if（this.value.match（/ ^（椿疗？：[/ + / - ）？/ d +（糠悼？：/./ d +）届榄？）？$ /） ）this.o_value = this.value“onblur =”if（倔喂！this.value.match（/ ^（铝条？：[/ + / - ]？/ d +（席噩？：/./ d +）班缰？| /./ d * ？）$ /））THIS.VALUE = this.o_value;否則{如果（this.value.match（/^/./ D + $ /））THIS.VALUE = 0 + THIS.VALUE;若（THIS.VALUE .match（/^/.$/））THIS.VALUE = 0; this.o_value = THIS.VALUE}“>

只能輸入字母和漢字
<input onkeyup =“value = value.replace（/ [/ d] / g班挖，''）”onbeforepaste =“clipboardData.setData（'text'鲁捏，clipboardData.getData（'text' （/ [/ d] / g芯砸，''））“maxlength = 10 name =”Numbers“>

只能輸入中文字母和數(shù)字萧芙，不能輸入中文
<input onkeyup =”value = value.replace（/ [^ / w /.//]/ ig给梅，''）“>

只能輸入數(shù)字和英文
<font color =”Red“> chun </ font>
<input onKeyUp =“value = value.replace（/ [^ / d | chun] / g，''）”>

小數(shù)點后只能有最多兩位（數(shù)字双揪，中文都可輸入）动羽，不能輸入字母和運算符號：<input onKeyPress =“if（（event.keyCode <48 || event.keyCode> 57）&& event.keyCode！ = 46 || //./d/d$/.test(value))event.returnValue=false">8渔期。小數(shù)點后只能有最多兩位（數(shù)字运吓，字母，中文都可輸入）疯趟，可以輸入運算符號：
<input onkeyup =“this.value = this.value.replace（/ ^（/ - ）（/ d +）/拘哨。（/ d / d）。 $ /信峻，'$ 1 $ 2. $ 3'）”>
只能是數(shù)字和小數(shù)點和加減乘際

只能輸入數(shù)字倦青，小數(shù)點，負(fù)數(shù)

代碼如下：

<input name =“input”type =“text”onkeyup =“JHshNumberText（this）”id =“title”>

<script language =“javascript”type =“text / javascript”> function JHshNumberText（a）
{
var fa = “”;
if（a.value.substring（0,1）==“ - ”）
fa =“ - ”;
var str =（a.value.replace（/ [^ 0-9盹舞。] / g产镐，''））。replace（/ [踢步。] [0-9] * [癣亚。] /，'获印。'）;
if（str.substring（0,1）==“述雾。”）
str =“0”+ str;
a.value中= FA + STR;
}
</ script>

取消按鈕按下時的虛線框兼丰，在輸入里添加屬性值hideFocus或者HideFocus = true
<input type =“submit”value =“提交”hidefocus =“true”/>

只讀文本框內(nèi)容绰咽，在輸入里添加屬性值readonly
<input type =“text”readonly />

防止退后清空的TEXT文檔（可把樣式內(nèi)容做做為引引）
<input type =“text”style =“behavior：url（＃default＃savehistory）; “ />

ENTER鍵可以讓光標(biāo)移到下一個輸入框
<input type =“text”onkeydown =“if（event.keyCode == 13）event.keyCode = 9”/>

只能為中文（有閃動）
<輸入type =“text”onkeyup =“value = value.replace（/ [ - ?] / g，''）”onkeydown =“if（event.keyCode == 13）event.keyCode = 9”/>

只能為數(shù)字（有閃動）
<input type =“text”onkeyup =“value = value.replace（/ [^ / d] / g地粪，''

<input type =“text”style =“ime-mode：disabled”onkeydown =“if（event.keyCode == 13）event.keyCode = 9”onkeypress =“if（（event.keyCode <48 || event.keyCode >有效

閃爍）
<input type =“text”onkeyup =“value = value.replace（/ [/ W] / g取募，''） “onbeforepaste =”clipboardData.setData（'text'，clipboardData.getData（'text'）蟆技。replace（/ [^ / d] / g玩敏，''））“/>

屏蔽輸入法
<input type =”text“name =“url”style =“ime-mode：disabled”onkeydown =“if（event.keyCode == 13）event.keyCode = 9”/>

只能輸入數(shù)字，小數(shù)點质礼，減號（ - ）字符（無閃動）
<input onkeypress =“if（event.keyCode旺聚！= 46 && event.keyCode！= 45 &&（event.keyCode <48 || event眶蕉。 keyCode> 57））event.returnValue = false“/>

只能輸入兩位小數(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}“/>

輸入輸入框的各種樣式

輸入框景背景透明：
　　 <input style =“background：transparent; border：1px solid #ffffff”>

鼠標(biāo)劃過輸入框肛真，輸入框背景色變色：
　　 <INPUT value =“Type here”NAME =“user_pass”TYPE =“text”SIZE =“29”onmouseover =“this.style.borderColor ='black' style.backgroundColor ='plum'“
　　 style =”width：106; height：21“
　　 onmouseout =”this.style.borderColor ='black'; this.style.backgroundColor ='＃ffffff'“style =”border-width： 1px的;邊框顏色=黑色“>

輸入字時輸入框邊框閃爍（邊框為小方式）：
　　 <script Language =“JavaScript”>
　　 function borderColor（）{
　　 if（self ['oText']。style.borderColor =='red'）{
　　 self [ oText']爽航。style.borderColor ='yellow';
　　 } else {
　　 self ['oText']蚓让。style.borderColor ='red';
　　 }
　　 oTime = setTimeout（'borderColor（）'，400）;
　　 }
　　 </ script>
　　 <input type =“text”id =“oText”style =“border：5px dotted red; color：red”onfocus =“borderColor（this）;” 的onblur = “clearTimeout（oTime）;”>

輸入字時輸入框邊框閃爍（邊框為虛線）：
　　 <style>
　　 #oText {border：1px dotted＃ff0000; ryo：expression（onfocus = function light（）{with（document.all.oText）{style.borderColor = （style.borderColor == “＃ffee00” “＃FF0000”： “＃ffee00”讥珍？）;計時器= setTimeout的（光历极，500）;}}，的onblur =函數(shù)（）{this.style.borderColor = “＃FF0000” ; clearTimeout（定時器）}）};
　　 </ style>
　　 <input type =“text”id =“oText”>

自動橫向廷伸的輸入框：
　　 <input type =“text”style =“huerreson：expression（this.width = this.scrollWidth）”value =“abcdefghijk”>

自動向下伸展的文本框：
　　 <textarea name =“content”rows =“6”cols =“80”onpropertychange =“if（this.scrollHeight> 80）this.style.posHeight = this.scrollHeight + 5”>輸入幾個回車試試</ textarea>的

只有下劃線的文本框：
　　 <input style =“border：0; border-bottom：1 solid black; background;

軟件序列號式的輸入框：
　　 <script for =“T”event =“onkeyup”>
　　 if（value.length == 3）document.all [event.srcElement.sourceIndex + 1] .select（）;
　　 </ script>
　　 <input name =“T”size =“5”maxlength =“3”> - <input name =“T”size =“5”maxlength =“3”> - <input name =“T” =“5”maxlength =“3”> - <input name =“T”size =“5”maxlength =“3”> - <input name =“T”size =“5”maxlength =“3”> - 輸入名稱=“T7”size =“5”maxlength =“3”>

軟件序列號的輸入框（完整版）：
　　 <script for =“T”event =“onkeyup”> if（value.length == maxLength）document.all [event.srcElement.sourceIndex + 1] .focus（） ; </ script>
　　 <script for =“T”event =“onfocus”> select（）; </ script>
　　 <script for =“Submit”event =“onclick”>
　　 var sn = new Array（）;
　　 for（i = 0; i <T.length; i ++）
　　 sn = T.value;
　　 警報（sn.join（ “ - ”））;
　　 </ script>
　　 <input name =“T”size =“5”maxlength =“3”> - <input name =“T”size =“5”maxlength =“3”> - <input name =“T” =“5”maxlength =“3”> - <input name =“T”size =“5”maxlength =“3”> - <

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 人面猴
    序言：七十年代末衷佃，一起剝皮案震驚了整個濱河市执解，隨后出現(xiàn)的幾起案子，更是在濱河造成了極大的恐慌纲酗，老刑警劉巖衰腌，帶你破解...
    沈念sama閱讀 211,639評論 6贊 492
  • 死咒
    序言：濱河連續(xù)發(fā)生了三起死亡事件，死亡現(xiàn)場離奇詭異觅赊，居然都是意外死亡右蕊，警方通過查閱死者的電腦和手機(jī)，發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評論 3贊 385
  • 救了他兩次的神仙讓他今天三更去死
    文/潘曉璐 我一進(jìn)店門吮螺，熙熙樓的掌柜王于貴愁眉苦臉地迎上來饶囚，“玉大人，你說我怎么就攤上這事鸠补÷芊纾” “怎么了？”我有些...
    開封第一講書人閱讀 157,221評論 0贊 348
  • 道士緝兇錄：失蹤的賣姜人
    文/不壞的土叔 我叫張陵紫岩，是天一觀的道長规惰。 經(jīng)常有香客問我，道長泉蝌，這世上最難降的妖魔是什么歇万？ 我笑而不...
    開封第一講書人閱讀 56,474評論 1贊 283
  • ?港島之戀（遺憾婚禮）
    正文 為了忘掉前任，我火速辦了婚禮勋陪，結(jié)果婚禮上贪磺，老公的妹妹穿的比我還像新娘。我一直安慰自己诅愚，他們只是感情好寒锚，可當(dāng)我...
    茶點故事閱讀 65,570評論 6贊 386
  • 惡毒庶女頂嫁案：這布局不是一般人想出來的
    文/花漫 我一把揭開白布。 她就那樣靜靜地躺著，像睡著了一般刹前。 火紅的嫁衣襯著肌膚如雪泳赋。 梳的紋絲不亂的頭發(fā)上，一...
    開封第一講書人閱讀 49,816評論 1贊 290
  • 城市分裂傳說
    那天腮郊，我揣著相機(jī)與錄音摹蘑，去河邊找鬼筹燕。 笑死轧飞，一個胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的撒踪。 我是一名探鬼主播过咬，決...
    沈念sama閱讀 38,957評論 3贊 408
  • 雙鴛鴦連環(huán)套：你想象不到人心有多黑
    文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼制妄！你這毒婦竟也來了掸绞？” 一聲冷哼從身側(cè)響起，我...
    開封第一講書人閱讀 37,718評論 0贊 266
  • 萬榮殺人案實錄
    序言：老撾萬榮一對情侶失蹤耕捞，失蹤者是張志新（化名）和其女友劉穎衔掸，沒想到半個月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體俺抽，經(jīng)...
    沈念sama閱讀 44,176評論 1贊 303
  • ?護(hù)林員之死
    正文 獨居荒郊野嶺守林人離奇死亡敞映，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,511評論 2贊 327
  • ?白月光啟示錄
    正文 我和宋清朗相戀三年，在試婚紗的時候發(fā)現(xiàn)自己被綠了磷斧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片振愿。...
    茶點故事閱讀 38,646評論 1贊 340
  • 活死人
    序言：一個原本活蹦亂跳的男人離奇死亡，死狀恐怖弛饭，靈堂內(nèi)的尸體忽然破棺而出冕末，到底是詐尸還是另有隱情，我是刑警寧澤侣颂，帶...
    沈念sama閱讀 34,322評論 4贊 330
  • ?日本核電站爆炸內(nèi)幕
    正文 年R本政府宣布档桃，位于F島的核電站，受9級特大地震影響憔晒，放射性物質(zhì)發(fā)生泄漏胳蛮。R本人自食惡果不足惜，卻給世界環(huán)境...
    茶點故事閱讀 39,934評論 3贊 313
  • 男人毒藥：我在死后第九天來索命
    文/蒙蒙 一丛晌、第九天 我趴在偏房一處隱蔽的房頂上張望仅炊。 院中可真熱鬧，春花似錦澎蛛、人聲如沸抚垄。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評論 0贊 21
  • 一樁弒父案，背后竟有這般陰謀
    文/蒼蘭香墨 我抬頭看了看天上的太陽呆馁。三九已至桐经，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間浙滤，已是汗流浹背阴挣。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評論 1贊 266
  • 情欲美人皮
    我被黑心中介騙來泰國打工， 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留纺腊，地道東北人畔咧。 一個月前我還...
    沈念sama閱讀 46,358評論 2贊 360
  • 代替公主和親
    正文 我出身青樓，卻偏偏與公主長得像揖膜，于是被迫代替她去往敵國和親誓沸。 傳聞我的和親對象是個殘疾皇子，可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,514評論 2贊 348

推薦閱讀更多精彩內(nèi)容