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 获取自定义属性(attr和prop)的实现代码
Jun 27 Javascript
Javascript 浮点运算的问题分析与解决方法
Aug 27 Javascript
重写document.write实现无阻塞加载js广告(补充)
Dec 12 Javascript
Javascript中的几种URL编码方法比较
Jan 23 Javascript
jQuery实现鼠标滑过链接控制图片的滑动展开与隐藏效果
Oct 28 Javascript
基于JS分页控件实现简单美观仿淘宝分页按钮效果
Nov 07 Javascript
jQuery UI制作选项卡(tabs)
Dec 13 Javascript
vue数据双向绑定的注意点
Jun 23 Javascript
jquery ajax异步提交表单数据的方法
Oct 27 jQuery
vue axios 给生产环境和发布环境配置不同的接口地址(推荐)
May 08 Javascript
原生JS实现音乐播放器的示例代码
Feb 25 Javascript
详解Vue项目的打包方式(生成dist文件)
Jan 18 Vue.js
优化网页之快速的呈现我们的网页
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 出现乱码和Sessions验证问题的解决方法!
2008/12/06 PHP
注意:php5.4删除了session_unregister函数
2013/08/05 PHP
PHP实现的分页类定义与用法示例
2017/07/05 PHP
php无限极分类实现方法分析
2019/07/04 PHP
用于table内容排序
2006/07/21 Javascript
JS 动态加载脚本的4种方法
2009/05/05 Javascript
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
非常强大的 jQuery.AsyncBox 弹出对话框插件
2011/08/29 Javascript
jQuery.extend()、jQuery.fn.extend()扩展方法示例详解
2014/05/08 Javascript
jQuery学习笔记之 Ajax操作篇(三) - 过程处理
2014/06/23 Javascript
JS实现向表格行添加新单元格的方法
2015/03/30 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
js获取滚动距离的方法
2015/05/30 Javascript
原生js实现倒计时--2018
2017/02/21 Javascript
Node.js笔记之process模块解读
2018/05/31 Javascript
详解Vue中watch对象内属性的方法
2019/02/01 Javascript
validform表单验证的实现方法
2019/03/08 Javascript
用vscode开发vue应用的方法步骤
2019/05/06 Javascript
微信小程序中如何使用flyio封装网络请求
2019/07/03 Javascript
Element Dialog对话框的使用示例
2020/07/26 Javascript
Python实现的彩票机选器实例
2015/06/17 Python
基于Django与ajax之间的json传输方法
2018/05/29 Python
Python 中使用 PyMySQL模块操作数据库的方法
2019/11/10 Python
Pytorch使用MNIST数据集实现基础GAN和DCGAN详解
2020/01/10 Python
pycharm工具连接mysql数据库失败问题
2020/04/01 Python
css3打造一款漂亮的卡哇伊按钮
2013/03/20 HTML / CSS
美国维生素、补充剂、保健食品购物网站:Vitacost
2016/08/05 全球购物
伯利陶器:Burleigh Pottery
2018/01/03 全球购物
学历公证委托书
2014/04/09 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
民政局副局长民主生活会个人对照检查材料
2014/09/19 职场文书
校园游戏活动新闻稿
2014/10/15 职场文书
影视后期实训报告
2014/11/05 职场文书
2015关于重阳节的演讲稿
2015/03/20 职场文书
新教师教学工作总结
2015/08/12 职场文书
发言稿之优秀教师篇
2019/09/26 职场文书