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


Posted in Javascript onJune 29, 2007

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> 

------------------------------------------------------------------------
<input type="text" name="input1" value="中国">

怎样使input中的内容为只读,也就是说不让用户更改里面的内容。
<input type="text" name="input1" value="中国" onfocus=this.blur()>
<input type="text" name="input1" value="中国" readonly>
<input type="text" name="input1" value="中国" disabled>
最好不要用disabled,不然就无法取出里面的值了.
<input type="text" name="input1" value="中国" readonly="true">
<input type="text" name="input1" value="中国" readonly style="color:#999 ;"> 

Javascript 相关文章推荐
javascript 验证日期的函数
Mar 18 Javascript
jquery URL参数判断,确定菜单样式
May 31 Javascript
js输出列表实现代码
Sep 12 Javascript
JS构建页面的DOM节点结构的实现代码
Dec 09 Javascript
javascript中日期转换成时间戳的小例子
Mar 21 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
BootStrap日期控件在模态框中选择时间下拉菜单无效的原因及解决办法(火狐下不能点击)
Aug 18 Javascript
jquery easyUI中ajax异步校验用户名
Aug 19 Javascript
js 转json格式的字符串为对象或数组(前后台)的方法
Nov 02 Javascript
babel基本使用详解
Feb 17 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
Dec 18 Javascript
优化网页之快速的呈现我们的网页
Jun 29 #Javascript
javascript实现动态CSS换肤技术的脚本
Jun 29 #Javascript
javascript之锁定表格栏位
Jun 29 #Javascript
javascript之解决IE下不渲染的bug
Jun 29 #Javascript
JavaScript与C# Windows应用程序交互方法
Jun 29 #Javascript
innertext , insertadjacentelement , insertadjacenthtml , insertadjacenttext 等区别
Jun 29 #Javascript
javascript之函数直接量(function(){})()
Jun 29 #Javascript
You might like
php 大数据量及海量数据处理算法总结
2011/05/07 PHP
php密码生成类实例
2014/09/24 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
使用composer命令加载vendor中的第三方类库 的方法
2019/07/09 PHP
laravel 解决crontab不执行的问题
2019/10/22 PHP
Javascript学习笔记之函数篇(五) : 构造函数
2014/11/23 Javascript
JS获取当前脚本文件的绝对路径
2016/03/02 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
Angular弹出模态框的两种方式
2017/10/19 Javascript
微信小程序制作扭蛋机代码实例
2019/09/24 Javascript
js实现3D照片墙效果
2019/10/28 Javascript
Vue.js 中制作自定义选择组件的代码附演示demo
2020/02/28 Javascript
javascript实现倒计时提示框
2021/03/02 Javascript
[46:42]DOTA2-DPC中国联赛正赛 Aster vs Magma BO3 第二场 3月5日
2021/03/11 DOTA
详解Python中的from..import绝对导入语句
2016/06/21 Python
python中将\\uxxxx转换为Unicode字符串的方法
2018/09/06 Python
python实现小球弹跳效果
2019/05/10 Python
ubuntu上安装python的实例方法
2019/09/30 Python
Python实现GIF图倒放
2020/07/16 Python
娱乐地球:Entertainment Earth
2020/01/08 全球购物
什么是跨站脚本攻击
2014/12/11 面试题
short s1 = 1; s1 = s1 + 1;有什么错? short s1 = 1; s1 += 1;有什么错?
2014/09/26 面试题
会计自我鉴定
2013/11/02 职场文书
五星级酒店餐饮部总监的标准岗位职责
2014/02/17 职场文书
楼面经理岗位职责范本
2014/02/18 职场文书
葛优非诚勿扰搞笑征婚台词
2014/03/17 职场文书
学生期末评语大全
2014/04/30 职场文书
委托书格式
2014/08/01 职场文书
承德避暑山庄导游词
2015/02/03 职场文书
交通事故被告答辩状
2015/05/22 职场文书
回复函格式及范文
2015/07/14 职场文书
行为习惯主题班会
2015/08/14 职场文书
工伤调解协议书
2016/03/21 职场文书
vue使用v-model进行跨组件绑定的基本实现方法
2021/04/28 Vue.js
MySQL中CURRENT_TIMESTAMP的使用方式
2021/11/27 MySQL