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 相关文章推荐
extjs render 用法介绍
Sep 11 Javascript
Javascript中函数名.length属性用法分析(对比arguments.length)
Sep 16 Javascript
使用ReactJS实现tab页切换、菜单栏切换、手风琴切换和进度条效果
Oct 17 Javascript
简单实现JS计算器功能
Dec 21 Javascript
layer弹出层框架alert与msg详解
Mar 14 Javascript
微信小程序实现tab切换效果
Nov 21 Javascript
基于Bootstrap实现城市三级联动
Nov 23 Javascript
iview table render集成switch开关的实例
Mar 14 Javascript
在小程序/mpvue中使用flyio发起网络请求的方法
Sep 13 Javascript
对angularJs中2种自定义服务的实例讲解
Sep 30 Javascript
30分钟快速实现小程序语音识别功能
Nov 27 Javascript
详解vue v-model
Aug 31 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
是否存在第一台收音机的说法
2021/03/01 无线电
php判断当前操作系统类型
2015/10/28 PHP
详解php比较操作符的安全问题
2015/12/03 PHP
CodeIgniter针对数据库的连接、配置及使用方法
2016/03/03 PHP
thinkphp项目部署到Linux服务器上报错“模板不存在”如何解决
2016/04/27 PHP
PHP屏蔽关键字实现方法
2016/11/17 PHP
php+mysql开发中的经验与常识小结
2019/03/25 PHP
php和js实现根据子网掩码和ip计算子网功能示例
2019/11/09 PHP
非常不错的一个javascript 类
2006/11/07 Javascript
JavaScript 对Cookie 操作的封装小结
2009/12/31 Javascript
js判断运行jsp页面的浏览器类型以及版本示例
2013/10/30 Javascript
jQuery多项选项卡的实现思路附样式及代码
2014/06/03 Javascript
使用ajaxfileupload.js实现ajax上传文件php版
2014/06/26 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
2015/10/09 Javascript
Node.js DES加密的简单实现
2016/07/07 Javascript
微信JS接口大全
2016/08/25 Javascript
jQuery插件FusionCharts实现的3D帕累托图效果示例【附demo源码】
2017/03/25 jQuery
JS实现手写parseInt的方法示例
2017/09/24 Javascript
JS实现换肤功能的方法实例详解
2019/01/30 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
python ElementTree 基本读操作示例
2009/04/09 Python
python对离散变量的one-hot编码方法
2018/07/11 Python
Windows下PyCharm安装图文教程
2018/08/27 Python
Python读取YUV文件,并显示的方法
2018/12/04 Python
python2.7 安装pip的方法步骤(管用)
2019/05/05 Python
django框架创建应用操作示例
2019/09/26 Python
Python图像识别+KNN求解数独的实现
2020/11/13 Python
Expedia印度尼西亚站:预订酒店、廉价航班和度假套餐
2018/01/31 全球购物
医院辞职信范文
2014/01/17 职场文书
见习期自我鉴定
2014/01/31 职场文书
2014年冬季防火方案
2014/05/21 职场文书
创新社会管理心得体会
2014/09/12 职场文书
协议书范文
2015/01/27 职场文书
投标邀请书范本
2015/02/02 职场文书
幼儿教师继续教育培训心得体会
2016/01/19 职场文书
MongoDB连接数据库并创建数据等使用方法
2021/11/27 MongoDB