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 建设银行登陆键盘
Jun 10 Javascript
关于javascript 回调函数中变量作用域的讨论
Sep 11 Javascript
javascript window对象属性整理
Oct 24 Javascript
JS+CSS实现可拖动的弹出提示框
Feb 16 Javascript
AngularJS学习笔记之TodoMVC的分析
Feb 22 Javascript
基于jQuery创建鼠标悬停效果的方法
Mar 07 Javascript
详解JavaScript中getFullYear()方法的使用
Jun 10 Javascript
js实现汉字排序的方法
Jul 23 Javascript
Vue动画事件详解及过渡动画实例
Feb 09 Javascript
Vant 中的Toast设置全局的延迟时间操作
Nov 04 Javascript
前端vue如何使用高德地图
Nov 05 Javascript
vue 获取url参数、get参数返回数组的操作
Nov 12 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 ios推送(代码)
2013/07/01 PHP
php实现的zip文件内容比较类
2014/09/24 PHP
php多线程实现方法及用法实例详解
2015/10/26 PHP
基于PHP生成简单的验证码
2016/06/01 PHP
PHP处理二进制数据的实现方法
2016/06/13 PHP
PHP实现的折半查找算法示例
2017/12/19 PHP
ThinkPHP框架获取最后一次执行SQL语句及变量调试简单操作示例
2018/06/13 PHP
Javascript 判断客户端浏览器类型代码
2010/03/01 Javascript
JS实现可点击展开与关闭的左侧广告代码
2015/09/02 Javascript
javascript实现对表格元素进行排序操作
2015/11/18 Javascript
javascript的几种写法总结
2016/09/30 Javascript
基于Vue的ajax公共方法(详解)
2018/01/20 Javascript
用vue-cli开发vue时的代理设置方法
2018/09/20 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
详解vue几种主动刷新的方法总结
2019/02/19 Javascript
微信小程序webview与h5通过postMessage实现实时通讯的实现
2019/08/20 Javascript
基于JavaScript实现简单抽奖功能代码实例
2020/10/20 Javascript
从零学python系列之从文件读取和保存数据
2014/05/23 Python
python的类变量和成员变量用法实例教程
2014/08/25 Python
Python的Bottle框架的一些使用技巧介绍
2015/04/08 Python
python使用Tkinter显示网络图片的方法
2015/04/24 Python
Python使用Selenium模块实现模拟浏览器抓取淘宝商品美食信息功能示例
2018/07/18 Python
Python实现将通信达.day文件读取为DataFrame
2018/12/22 Python
Django框架模型简单介绍与使用分析
2019/07/18 Python
Python面向对象之多态原理与用法案例分析
2019/12/30 Python
HTML5新控件之日期和时间选择输入的实现代码
2018/09/13 HTML / CSS
草莓网化妆品澳大利亚站:Strawberrynet AU
2017/12/18 全球购物
农村面貌改造提升实施方案
2014/03/18 职场文书
运动员口号
2014/06/09 职场文书
群众路线教育实践活动民主生活会个人检查对照思想汇报
2014/10/04 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
2014年党委工作总结
2014/11/22 职场文书
关于实现中国梦的心得体会
2016/01/05 职场文书
总结Java对象被序列化的两种方法
2021/06/30 Java/Android
简单且有用的Python数据分析和机器学习代码
2021/07/02 Python
python机器学习Github已达8.9Kstars模型解释器LIME
2021/11/23 Python