input输入框js处理汇总【转载】

原创 2007年09月18日 20:25:00

javascritp实现input输入框相关限制用法

  1.取消按钮按下时的虚线框 
  在input里添加属性值 hideFocus 或者 HideFocus=true 
2.只读文本框内容 
在input里添加属性值 readonly 
3.防止退后清空的TEXT文档(可把style内容做做为类引用) 
  <INPUT style=behavior:url(#default#savehistory); type=text id=oPersistInput> 
4.ENTER键可以让光标移到下一个输入框 
  <input onkeydown="if(event.keyCode==13)event.keyCode=9" > 
5.只能为中文(有闪动) 
  <input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9"> 
6.只能为数字(有闪动) 
  <input onkeyup="value=value.replace(/[^/d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"> 
7.只能为数字(无闪动) 
  <input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9" onKeyPress="if ((event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 
8.只能输入英文和数字(有闪动) 
  <input 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. 只能输入 数字,小数点,减号(-) 字符(无闪动) 
  <input onKeyPress="if (event.keyCode!=46 && event.keyCode!=45 && (event.keyCode<48 || event.keyCode>57)) event.returnValue=false"> 
11. 只能输入两位小数,三位小数(有闪动) 
  <input 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}" id=text_kfxe name=text_kfxe> 

--------------------------------------------------------------------------------------------------

几种常用禁止修改输入框的方法

1, 通过js实现-onfocus="this.blur()"

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" onfocus="this.blur()" />


输入框无法获得焦点,不能编辑
表单可以获得值。
可以复制。
蛮奇怪的,都选住了,还没有获得焦点?

2,readonly

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" readonly />


输入框只读。不能编辑
同样表单可以获得值。
也可以复制。

3,disabled

  代码:
<input type="text" value="fisker" onclick="alert(this.value);" disabled />

输入框灰色,不能编辑
可以用JS改变或获得其值,但提交时并不提交该值。

第一和第二效果差不多。视觉上
第一个,点击的时候光标会闪烁一下。
第三个,灰色的输入框看起来还是不喜欢。

 输入框自动更新

要完成此效果把如下代码加入到<body>区域中

<form name=form>
  <div align="center">输入字符 -
    <input type=text name=textvalue size=25>
    <br>
    <br>
    一次复制 -
    <input type=text name=mem1 size=25 onFocus="if (this.value == ''){this.value=(textvalue.value)}">
    <br>
    两次复制 -
    <input type=text name=mem2 size=25 onFocus="if (this.value == ''){this.value=(textvalue.value + ' ' + textvalue.value)}">
    <br>
    <br>
    <input type=reset value="Reset" name="B2">
  </div>
</form>

input输入框js处理汇总

input输入框js处理汇总【转载】   javascritp实现input输入框相关限制用法   1.取消按钮按下时的虚线框     在input里添加属性值 h...
  • hongbinchen
  • hongbinchen
  • 2011年12月04日 10:50
  • 671

用javascript实现input框日期时间格式化输入

在页面代码中使用 ... ... function submit() { ... if(isDate("starttime")==false){return false;}//提交时检查时间是否输...
  • firstaking
  • firstaking
  • 2007年09月12日 16:59
  • 20651

js input框自动补全

效果: css:div,p,h1,h2,h3,h4,h5,h6,ul,li,span,input{ box-sizing: border-box; font: 14px/20px "...
  • u014798510
  • u014798510
  • 2016年10月11日 16:01
  • 3362

Js-利用js实现文本框默认获取输入焦点

文本框获取输入焦点
  • u012302681
  • u012302681
  • 2015年09月28日 16:45
  • 3893

JS特效之日历输入框(日历控件)

Js日期选择器并自动加入到输入框中 var gMonths=new Array("一月","二月","三月","四月","五月","六月","七月","八月","九月","十月","十一月","十...
  • u012871207
  • u012871207
  • 2016年05月24日 11:07
  • 1362

js清空input类型为type的文件框的内容

用到了文件域,在选择文件后想要清空文件的内容,在网上找了好久都是有以下几种说法,但是试了都没有用: 文件域如下:   第一种: var obj = document.getElem...
  • come_on_ha
  • come_on_ha
  • 2016年08月26日 18:06
  • 2796

JS实现文本框联动

大致思路: 在一个文本框内输入内容,而另一个框的内容要时刻保持一致,也就是文本框value的同步问题。作者将响应函数写在了keydown事件上,在输入中文的时候就出问题了。而如果使用onChange...
  • singit
  • singit
  • 2015年12月08日 15:12
  • 2584

jQuery实现在一个输入框按回车键后光标跳到下一个输入框

原文百度 原文百度
  • sinat_37476411
  • sinat_37476411
  • 2017年05月02日 13:39
  • 4265

js-点击输入框选中内容

form id="form1" name="form1" method="post" action=""> label for="textfield">输入内容:label> input name...
  • yuxiayiji
  • yuxiayiji
  • 2013年02月22日 15:27
  • 2726

js 屏蔽页面右键功能、text、input框右键功能

//屏蔽整个页面右键功能 1.window.document.oncontextmenu = function(){ return false; } 2.//屏蔽某一个元素右键功能     ...
  • u011530389
  • u011530389
  • 2015年11月30日 15:30
  • 267
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:input输入框js处理汇总【转载】
举报原因:
原因补充:

(最多只允许输入30个字)