限制input输入类型

只能输入和粘贴汉字
<input onkeyup =“value = value.replace(/ [^ \ u4E00- \ u9FA5] / g,'')”onbeforepaste =“clipboardData.setData('text',clipboardData.getData ').replace(/ [^ \ u4E00- \ u9FA5] /克,''))“> <BR/>

只能输入和粘贴数字
<input onkeyup =“this.value = this.value.replace(/ \ D / g,'')”onafterpaste =“this.value = this.value.replace(/ \ D / g,'')”/> <BR/>

数字脚本
<input onkeyup =“if(/ \ D / .test(this.value)){alert('只能输入数字'); this.value ='';}”>

只能输入数字和中文
<input onkeyup =“value = value.replace(/ [\ W] / g,'')”onbeforepaste =“clipboardData.setData('text',clipboardData.getData('text')。replace(/ \ d] / g,''))“>

简易禁止输入汉字
<input style =”ime-mode:disabled“>输入法不转换,但可粘贴上

输入数字和小数点
<输入的onkeyup = “值= value.replace(/ [^ \ D {1,} \ \ D {1,} |。\ D {1,}] /克, '')”/> <BR/>

只能数字和“ - ”,例如在输入时间的时候可以用到
<input onkeyup =“value = value.replace(/ [^ \ w&=] | _ / ig,'')”onblur =“value = value.replace(/ [^ \ w& - ] | _ / ig,'' )“/>

JS控制输入输入字符限制ENTER键可以让光标移到下一个输入框

代码如下:

<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”>只能输入英文和数字
<input onkeyup =“value = value.replace(/ [/ W] / g,'')”onbeforepaste =“clipboardData.setData('text',clipboardData.getData('text' (/ [^ / d] / g,''))“onkeydown =”if(event.keyCode == 13)event.keyCode = 9“>只能是数字
<input onkeyup =”value = value.replace(/ [^ / d] / g,'')“onbeforepaste =”clipboardData.setData('text',clipboardData.getData('text')。replace(/ [^ / d] / g,''))“>

只能显示,不能修改

代码如下:

<input readonly value =“只能显示,不能修改”>只能输数字,判断按键的值
<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();”>

文本框只能输入数字代码(小数点也不能输入)
<input onkeyup =“this.value = this.value.replace(// D / g,'')”onafterpaste =“this.value = this.value.replace (// D /克, '')“>

只能输入数字,能输小数点。
on(isNaN(value))execCommand('undo')onafterpaste =“if(isNaN(value))execCommand('undo')”>
<input name = txt1 onchange =“if(// D /.test(this.value)){警报( '只能输入数字'); THIS.VALUE = '';}“>

数字和小数点方法二

代码如下:

<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“>

只能输入中文字母和数字,不能输入中文
<input onkeyup =”value = value.replace(/ [^ / w /.//]/ ig,'')“>

只能输入数字和英文
<font color =”Red“> chun </ font>
<input onKeyUp =“value = value.replace(/ [^ / d | chun] / g,'')”>

小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:<input onKeyPress =“if((event.keyCode <48 || event.keyCode> 57)&& event.keyCode! = 46 || //./d/d$/.test(value))event.returnValue=false">8。小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup =“this.value = this.value.replace(/ ^(/ - )(/ d +)/。(/ d / d)。 $ /,'$ 1 $ 2. $ 3')”>
只能是数字和小数点和加减乘际

只能输入数字,小数点,负数

代码如下:

<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”/>

只读文本框内容,在输入里添加属性值readonly
<input type =“text”readonly />

防止退后清空的TEXT文档(可把样式内容做做为引引)
<input type =“text”style =“behavior:url(#default#savehistory); “ />

ENTER键可以让光标移到下一个输入框
<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”/>

只能为数字(有闪动)
<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”/>

只能输入数字,小数点,减号( - )字符(无闪动)
<input onkeypress =“if(event.keyCode!= 46 && event.keyCode!= 45 &&(event.keyCode <48 || event。 keyCode> 57))event.returnValue = false“/>

只能输入两位小数,三位小数(有闪动)
<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”>

鼠标划过输入框,输入框背景色变色:
   <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 =函数(){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”> - <

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 202,406评论 5 475
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,976评论 2 379
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 149,302评论 0 335
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,366评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,372评论 5 363
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,457评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,872评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,521评论 0 256
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,717评论 1 295
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,523评论 2 319
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,590评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,299评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,859评论 3 306
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,883评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,127评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,760评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,290评论 2 342

推荐阅读更多精彩内容