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 相关文章推荐
js change,propertychange,input事件小议
Dec 20 Javascript
Event altKey,ctrlKey,shiftKey属性解析
Dec 18 Javascript
js中for in的用法示例解析
Dec 25 Javascript
js判断undefined类型示例代码
Feb 10 Javascript
js不能获取隐藏的div的宽度只能先显示后获取
Sep 04 Javascript
js实现跨域的几种方法汇总(图片ping、JSONP和CORS)
Oct 25 Javascript
angular.js分页代码的实例
Jul 27 Javascript
JS实现探测网站链接的方法【测试可用】
Nov 08 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
Mar 14 Javascript
原生js实现的移动端可拖动进度条插件功能详解
Aug 15 Javascript
javascript实现异形滚动轮播
Nov 28 Javascript
基于jQuery实现挂号平台首页源码
Jan 06 jQuery
优化网页之快速的呈现我们的网页
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 - Html Transfer Code
2006/10/09 PHP
PHP数组对比函数,存在交集则返回真,否则返回假
2011/02/03 PHP
php多用户读写文件冲突的解决办法
2013/11/06 PHP
php实现查看邮件是否已被阅读的方法
2013/12/03 PHP
php Calender(日历)代码分享
2014/01/03 PHP
JavaScript 更严格的相等 [译]
2012/09/20 Javascript
window.onresize 多次触发的解决方法
2013/11/08 Javascript
jquery实现人性化的有选择性禁用鼠标右键
2014/06/30 Javascript
JavaScript给按钮绑定点击事件(onclick)的方法
2015/04/07 Javascript
javascript搜索框效果实现方法
2015/05/14 Javascript
JavaScript和jquery获取父级元素、子级元素、兄弟元素的方法
2016/06/05 Javascript
picLazyLoad 实现图片延时加载(包含背景图片)
2016/07/21 Javascript
AngularJS中的按需加载ocLazyLoad示例
2017/01/11 Javascript
Angularjs分页查询的实现
2017/02/24 Javascript
解决Angular.js中使用Swiper插件不能滑动的问题
2018/02/26 Javascript
layui点击导航栏刷新tab页的示例代码
2018/08/14 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
详细分析Node.js 多进程
2020/06/22 Javascript
pyqt和pyside开发图形化界面
2014/01/22 Python
Python编程使用NLTK进行自然语言处理详解
2017/11/16 Python
Python递归实现汉诺塔算法示例
2018/03/19 Python
tensorflow实现简单的卷积神经网络
2018/05/24 Python
解决tensorflow由于未初始化变量而导致的错误问题
2020/01/06 Python
Python 面向对象之类class和对象基本用法示例
2020/02/02 Python
如何使用Python处理HDF格式数据及可视化问题
2020/06/24 Python
京东国际站:JOYBUY
2017/11/23 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
哥德堡通行证:Gothenburg Pass
2019/12/09 全球购物
企业军训感言
2014/02/08 职场文书
新学期决心书
2014/03/11 职场文书
现金出纳岗位职责
2014/03/15 职场文书
建议书的格式
2014/05/12 职场文书
小学德育工作经验交流材料
2014/05/22 职场文书
活动简报范文
2015/07/22 职场文书
纪念建国70周年演讲稿
2019/07/19 职场文书
MYSQL 无法识别中文的永久解决方法
2021/06/03 MySQL