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 陷阱 window全局对象
Nov 26 Javascript
jQuery Dialog 弹出层对话框插件
Aug 09 Javascript
jquery $.ajax相关用法分享
Mar 16 Javascript
JavaScript与DOM组合动态创建表格实例
Dec 23 Javascript
JavaScript阻止事件冒泡示例分享
Dec 28 Javascript
jquery实现翻动fadeIn显示的方法
Mar 05 Javascript
javascript实现详细时间提醒信息效果的方法
Mar 11 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
sencha ext js 6 快速入门(必看)
Jun 01 Javascript
JQuery组件基于Bootstrap的DropDownList(完整版)
Jul 05 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
JS实现读取xml内容并输出到div中的方法示例
Apr 19 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新手上路(八)
2006/10/09 PHP
简单的php写入数据库类代码分享
2011/07/26 PHP
php中使用cookie来保存用户登录信息的实现代码
2012/03/08 PHP
php代码中使用换行及(\n或\r\n和br)的应用
2013/02/02 PHP
joomla实现注册用户添加新字段的方法
2016/05/05 PHP
基于ThinkPHP5.0实现图片上传插件
2017/09/25 PHP
laravel与thinkphp之间的区别与优缺点
2021/03/02 PHP
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
33个优秀的jQuery 教程分享(幻灯片、动画菜单)
2011/07/08 Javascript
THREE.JS入门教程(1)THREE.JS使用前了解
2013/01/24 Javascript
Javascript之this关键字深入解析
2013/11/12 Javascript
jquery div模态窗口的简单实例
2016/05/28 Javascript
关于原生js中bind函数的简单实现
2016/08/10 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
[01:08]2014DOTA2展望TI 剑指西雅图LGD战队专访
2014/06/30 DOTA
[04:42]5分钟带你了解什么是DOTA2(第一期)
2017/02/07 DOTA
python mysqldb连接数据库
2009/03/16 Python
Python中利用原始套接字进行网络编程的示例
2015/05/04 Python
Python使用Scrapy爬取妹子图
2015/05/28 Python
python 回调函数和回调方法的实现分析
2016/03/23 Python
python中pandas.DataFrame对行与列求和及添加新行与列示例
2017/03/12 Python
python编写微信远程控制电脑的程序
2018/01/05 Python
python+tkinter编写电脑桌面放大镜程序实例代码
2018/01/16 Python
解决Pycharm下面出现No R interpreter defined的问题
2018/10/29 Python
详解Html5 监听拦截Android返回键方法
2018/04/18 HTML / CSS
COACH德国官方网站:纽约现代奢侈品牌,1941年
2018/06/09 全球购物
车祸赔偿收入证明
2014/01/09 职场文书
精通CAD能手自荐书
2014/01/31 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
商铺租赁意向书
2014/04/01 职场文书
小小商店教学反思
2014/04/27 职场文书
公益广告标语
2014/06/19 职场文书
学习十八届四中全会依法治国心得体会
2014/11/03 职场文书
旗帜观后感
2015/06/08 职场文书
工作会议简报
2015/07/20 职场文书
MySQL创建索引需要了解的
2021/04/08 MySQL