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使用activex控件的代码
Jan 27 Javascript
JS 操作符整理[推荐收藏]
Nov 15 Javascript
使用JavaScript构建JSON格式字符串实现步骤
Mar 22 Javascript
D3.js封装文本实现自动换行和旋转平移等功能
Oct 14 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
基于jQuery实现表格的排序
Dec 02 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
vue中实现移动端的scroll滚动方法
Mar 03 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
Feb 10 Javascript
vue + typescript + 极验登录验证的实现方法
Jun 27 Javascript
Layui数据表格判断编辑输入的值,是否为我需要的类型详解
Oct 26 Javascript
js实现简单点赞操作
Mar 17 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在引号前面添加反斜杠(PHP去除反斜杠)
2013/09/28 PHP
php实例分享之mysql数据备份
2014/05/19 PHP
php数组添加元素方法小结
2014/12/20 PHP
phpStorm2020 注册码
2020/09/17 PHP
基于jQuery的可以控制左右滚动及自动滚动效果的代码
2010/07/25 Javascript
jquery 之 $().hover(func1, funct2)使用方法
2012/06/14 Javascript
关于jquery的多个选择器的使用示例
2013/10/18 Javascript
NodeJS学习笔记之MongoDB模块
2015/01/13 NodeJs
jquery 追加元素append、prepend、before、after用法与区别分析
2016/12/02 Javascript
半个小时学json(json传递示例)
2016/12/25 Javascript
浅谈Node.js轻量级Web框架Express4.x使用指南
2017/05/03 Javascript
在vue项目中正确使用iconfont的方法
2018/09/28 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
element 中 el-menu 组件的无限极循环思路代码详解
2020/04/26 Javascript
Python实现删除文件但保留指定文件
2015/06/21 Python
理解python正则表达式
2016/01/15 Python
Ubuntu16.04/树莓派Python3+opencv配置教程(分享)
2018/04/02 Python
python数据处理 根据颜色对图片进行分类的方法
2018/12/08 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
Python 给定的经纬度标注在地图上的实现方法
2019/07/05 Python
python3获取url文件大小示例代码
2019/09/18 Python
基于Python 的语音重采样函数解析
2020/07/06 Python
python实现人工蜂群算法
2020/09/18 Python
html5中svg canvas和图片之间相互转化思路代码
2014/01/24 HTML / CSS
政府绩效管理实施方案
2014/05/04 职场文书
音乐节策划方案
2014/06/09 职场文书
商场周年庆活动方案
2014/08/19 职场文书
关于读书的演讲稿1000字
2014/08/27 职场文书
优秀教师申报材料
2014/12/16 职场文书
办公室个人总结
2015/02/28 职场文书
教师节老师寄语
2015/05/28 职场文书
2015年教师国培感言
2015/08/01 职场文书
2016年12月份红领巾广播稿
2015/12/21 职场文书
变长双向rnn的正确使用姿势教学
2021/05/31 Python
MySQL系列之三 基础篇
2021/07/02 MySQL
Windows server 2012 NTP时间同步的实现
2022/06/25 Servers