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实现固定顶部导航效果(仿蘑菇街)
Mar 21 Javascript
JQuery中$(document)是什么意思有什么作用
Jul 21 Javascript
node.js中的fs.readlink方法使用说明
Dec 17 Javascript
极力推荐10个短小实用的JavaScript代码段
Aug 03 Javascript
微信小程序对接七牛云存储的方法
Jul 30 Javascript
基于对象合并功能的实现示例
Oct 10 Javascript
Vue实现移动端左右滑动效果的方法
Nov 27 Javascript
no-vnc和node.js实现web远程桌面的完整步骤
Aug 11 Javascript
详解webpack引用jquery(第三方模块)的三种办法
Aug 21 jQuery
jQuery实现简单飞机大战
Jul 05 jQuery
原生js实现俄罗斯方块
Oct 20 Javascript
微信小程序实现购物车功能
Nov 18 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
Erlang的运算符(比较运算符,数值运算符,移位运算符,逻辑运算符)
2012/07/23 PHP
php 深入理解strtotime函数的使用详解
2013/05/23 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
jQuery Flash/MP3/Video多媒体插件
2010/01/18 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
一个简单的js鼠标划过切换效果
2010/06/30 Javascript
Jquery公告滚动+AJAX后台得到数据
2011/04/14 Javascript
JS多物体 任意值 链式 缓冲运动
2012/08/10 Javascript
Bootstrap Validator 表单验证
2016/07/25 Javascript
Validform表单验证总结篇
2016/10/31 Javascript
BootStrapValidator初使用教程详解
2017/02/10 Javascript
微信JSAPI Ticket接口签名详解
2020/06/28 Javascript
JavaScript实现区块链
2018/03/14 Javascript
对node通过fs模块判断文件是否是文件夹的实例讲解
2019/06/10 Javascript
微信小程序 如何获取网络状态
2019/07/26 Javascript
使用webpack搭建vue环境的教程详解
2019/12/31 Javascript
JS JQuery获取data-*属性值方法解析
2020/09/01 jQuery
详解Python3中的迭代器和生成器及其区别
2018/10/09 Python
Python如何获得百度统计API的数据并发送邮件示例代码
2019/01/27 Python
解决pycharm 远程调试 上传 helpers 卡住的问题
2019/06/27 Python
opencv resize图片为正方形尺寸的实现方法
2019/12/26 Python
keras获得某一层或者某层权重的输出实例
2020/01/24 Python
python excel多行合并的方法
2020/12/09 Python
python3中for循环踩过的坑记录
2020/12/14 Python
python 如何把docker-compose.yaml导入到数据库相关条目里
2021/01/15 Python
python中HTMLParser模块知识点总结
2021/01/25 Python
HTML5中meta属性的使用方法
2016/02/29 HTML / CSS
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
应届大学生自荐信
2013/12/05 职场文书
房屋买卖授权委托书
2014/09/27 职场文书
病人慰问信范文
2015/02/15 职场文书
2015秋季幼儿园开学寄语
2015/03/25 职场文书
喋血孤城观后感
2015/06/08 职场文书
springboot利用redis、Redisson处理并发问题的操作
2021/06/18 Java/Android
Java比较两个对象中全部属性值是否相等的方法
2021/08/07 Java/Android
Java实现超大Excel文件解析(XSSF,SXSSF,easyExcel)
2022/07/15 Java/Android