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 30 Javascript
如何使用jQuery来处理图片坏链具体实现步骤
May 02 Javascript
JavaScript作用域链使用介绍
Aug 29 Javascript
javascript如何创建表格(javascript绘制表格的二种方法)
Dec 10 Javascript
分享我对JS插件开发的一些感想和心得
Feb 04 Javascript
AngularJs表单验证实例代码解析
Nov 29 Javascript
微信小程序 支付功能开发错误总结
Feb 21 Javascript
AngularJS路由删除#符号解决的办法
Sep 28 Javascript
JS实现字符串中去除指定子字符串方法分析
May 17 Javascript
webpack css加载和图片加载的方法示例
Sep 11 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
Jan 28 Javascript
vue项目移动端实现ip输入框问题
Mar 19 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和AJAX创建RSS聚合器的代码
2007/03/13 PHP
详解PHP的Yii框架中自带的前端资源包的使用
2016/03/31 PHP
xmlHTTP实例
2006/10/24 Javascript
Javascript中的Split使用方法与技巧
2007/03/09 Javascript
javascript中的数字与字符串相加实例分析
2011/08/14 Javascript
Javascript中的getUTCHours()方法使用详解
2015/06/10 Javascript
浅谈Javascript中substr和substring的区别
2015/09/30 Javascript
jQuery使用$.ajax提交表单完整实例
2015/12/11 Javascript
当jquery ajax遇上401请求的解决方法
2016/05/19 Javascript
jQuery提示插件qTip2用法分析(支持ajax及多种样式)
2016/06/08 Javascript
解决微信小程序中的滚动穿透问题
2019/09/16 Javascript
Python实现求笛卡尔乘积的方法
2017/09/16 Python
详解python算法之冒泡排序
2019/03/05 Python
Python 给屏幕打印信息加上颜色的实现方法
2019/04/24 Python
Python中函数的基本定义与调用及内置函数详解
2019/05/13 Python
如何在Django项目中引入静态文件
2019/07/26 Python
numpy中的meshgrid函数的使用
2019/07/31 Python
python使用openCV遍历文件夹里所有视频文件并保存成图片
2020/01/14 Python
基于python实现把json数据转换成Excel表格
2020/05/07 Python
python百行代码自制电脑端网速悬浮窗的实现
2020/05/12 Python
使用CSS3制作一个简单的进度条(demo)
2017/05/23 HTML / CSS
为你的html5网页添加音效示例
2014/04/03 HTML / CSS
英国豪华真皮和布艺沙发销售网站:Darlings of Chelsea
2018/01/05 全球购物
英国领先的在线高尔夫商店:Gamola Golf
2019/11/16 全球购物
如何用SQL语句进行模糊查找
2015/09/25 面试题
高中生毕业学习总结的自我评价
2013/11/14 职场文书
十岁生日父母答谢词
2014/01/18 职场文书
国际贸易专业个人职业生涯规划
2014/02/15 职场文书
乡镇三项教育实施方案
2014/03/30 职场文书
房屋继承公证书
2014/04/10 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
小学安全工作汇报材料
2014/08/19 职场文书
2015年机关后勤工作总结
2015/05/26 职场文书
2019年共青团工作条例最新版
2019/11/12 职场文书
浅析CSS在DevTools 中架构演变
2021/10/05 HTML / CSS
讲解MySQL增删改操作
2022/05/06 MySQL