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 相关文章推荐
jquery+json 通用三级联动下拉列表
Apr 19 Javascript
关于javascript DOM事件模型的两件事
Jul 22 Javascript
jquery.cvtooltip.js 基于jquery的气泡提示插件
Nov 19 Javascript
关于query Javascript CSS Selector engine
Apr 12 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
javascript封装 Cookie 应用接口
Aug 07 Javascript
jQuery中serializeArray()与serialize()的区别实例分析
Dec 09 Javascript
基于javascript实现句子翻牌网页版小游戏
Mar 23 Javascript
基于jQuery下拉选择框插件支持单选多选功能代码
Jun 07 Javascript
使用vux实现上拉刷新功能遇到的坑
Feb 08 Javascript
three.js实现圆柱体
Dec 30 Javascript
基于JavaScript实现简单扫雷游戏
Jan 02 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
浅析linux下apache服务器的配置和管理
2013/08/10 PHP
thinkphp获取栏目和文章当前位置的方法
2014/10/29 PHP
php短址转换实现方法
2015/02/25 PHP
ThinkPHP文件缓存类代码分享
2015/04/22 PHP
centos+php+coreseek+sphinx+mysql之一coreseek安装篇
2016/10/25 PHP
PHP数组基本用法与知识点总结
2020/06/02 PHP
js原型链原理看图说明
2012/07/07 Javascript
IE中JS跳转丢失referrer问题的2个解决方法
2014/07/18 Javascript
自编jQuery插件实现模拟alert和confirm
2014/09/01 Javascript
JavaScript实现按Ctrl键打开新页面
2014/09/04 Javascript
nodejs爬虫抓取数据之编码问题
2015/07/03 NodeJs
jQuery validate插件submitHandler提交导致死循环解决方法
2016/01/21 Javascript
jquery实现tab键进行选择后enter键触发click行为
2017/03/29 jQuery
Vue组件tree实现树形菜单
2017/04/13 Javascript
NodeJS收发GET和POST请求的示例代码
2017/08/25 NodeJs
node.js基础知识小结
2018/02/26 Javascript
解决angular2 获取到的数据无法实时更新的问题
2018/08/31 Javascript
vue配置文件实现代理v2版本的方法
2019/06/21 Javascript
vue+Element中table表格实现可编辑(select下拉框)
2020/05/21 Javascript
Python3 入门教程 简单但比较不错
2009/11/29 Python
python的else子句使用指南
2016/02/27 Python
Python编程实现使用线性回归预测数据
2017/12/07 Python
浅谈Django学习migrate和makemigrations的差别
2018/01/18 Python
Python基于辗转相除法求解最大公约数的方法示例
2018/04/04 Python
用 Python 连接 MySQL 的几种方式详解
2018/04/04 Python
python3获取当前文件的上一级目录实例
2018/04/26 Python
Python利用splinter实现浏览器自动化操作方法
2018/05/11 Python
Python小程序之在图片上加入数字的代码
2019/11/26 Python
Django框架教程之中间件MiddleWare浅析
2019/12/29 Python
Python pyautogui模块实现鼠标键盘自动化方法详解
2020/02/17 Python
深度学习入门之Pytorch 数据增强的实现
2020/02/26 Python
pyautogui自动化控制鼠标和键盘操作的步骤
2020/04/01 Python
Python txt文件如何转换成字典
2020/11/03 Python
美国办公用品购物网站:Quill.com
2016/09/01 全球购物
英国顶尖手表珠宝品牌独家授权经销商:HS Johnson
2020/10/28 全球购物
会计求职信范文
2014/05/24 职场文书