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 validate.js表单验证的基本用法入门
May 13 Javascript
jquery 列表双向选择器之改进版
Aug 09 Javascript
jquery ajax对特殊字符进行转义防止js注入使用示例
Nov 21 Javascript
JavaScript 实现简单的倒计时弹窗DEMO附图
Mar 05 Javascript
JS实现简易图片轮播效果的方法
Mar 25 Javascript
详解JavaScript中循环控制语句的用法
Jun 03 Javascript
微信小程序 绘图之饼图实现
Oct 24 Javascript
Vue 过渡(动画)transition组件案例详解
Jan 22 Javascript
javascript数组去重常用方法实例分析
Apr 11 Javascript
vue中的inject学习教程
Apr 24 Javascript
jQuery实现的点击显示隐藏下拉菜单功能完整示例
May 17 jQuery
JavaScript跳出循环的三种方法(break, return, continue)
Jul 30 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 生成短网址原理及代码
2014/01/23 PHP
PHP使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
CodeIgniter配置之routes.php用法实例分析
2016/01/19 PHP
laravel中数据显示方法(默认值和下拉option默认选中)
2019/10/11 PHP
URI、URL和URN之间的区别与联系
2006/12/20 Javascript
经常用的图片在容器中的水平垂直居中实例
2007/06/10 Javascript
让图片旋转任意角度及JQuery插件使用介绍
2013/03/20 Javascript
js怎么终止程序return不行换jfslk
2013/05/30 Javascript
jQuery中index()的用法分析
2014/09/05 Javascript
JavaScript实现的类字典插入或更新方法实例
2015/07/10 Javascript
浅析JavaScript中的对象类型Object
2016/05/26 Javascript
关于angularJs指令的Scope(作用域)介绍
2016/10/25 Javascript
基于Bootstrap模态对话框只加载一次 remote 数据的解决方法
2017/07/09 Javascript
vue--点击当前增加class,其他删除class的方法
2018/09/15 Javascript
react写一个select组件的实现代码
2019/04/03 Javascript
深入解析Python中的__builtins__内建对象
2016/06/21 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
Pycharm无法使用已经安装Selenium的解决方法
2018/10/13 Python
Python小工具之消耗系统指定大小内存的方法
2018/12/03 Python
Python 分享10个PyCharm技巧
2019/07/13 Python
手动安装python3.6的操作过程详解
2020/01/13 Python
python add_argument()用法解析
2020/01/29 Python
Python导入模块包原理及相关注意事项
2020/03/25 Python
Python 字节流,字符串,十六进制相互转换实例(binascii,bytes)
2020/05/11 Python
python利用proxybroker构建爬虫免费IP代理池的实现
2021/02/21 Python
实例讲解使用CSS实现多边框和透明边框的方法
2015/09/08 HTML / CSS
一张图片能隐含千言万语之隐藏你的程序代码
2012/12/13 HTML / CSS
美国户外运动商店:Sun & Ski
2018/08/23 全球购物
你常见到的runtime exception
2016/09/05 面试题
大学生村官心得体会范文
2014/01/04 职场文书
毕业生写求职信的要点
2014/03/04 职场文书
机械专业求职信范文
2014/07/15 职场文书
党员干部群众路线教育实践活动个人对照检查材料
2014/09/23 职场文书
病人写给医生的感谢信
2015/01/23 职场文书
2015年员工工作表现评语
2015/03/25 职场文书
会计岗位工作总结
2015/08/12 职场文书