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学习2 选择器的使用说明
Feb 07 Javascript
8款非常棒的响应式jQuery 幻灯片插件推荐
Feb 02 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
JavaScript中Array的实用操作技巧分享
Sep 11 Javascript
jQuery实现字体颜色渐变效果的方法
Mar 29 jQuery
学习使用Bootstrap栅格系统
May 11 Javascript
BootStrap selectpicker后台动态绑定数据的方法
Jul 28 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
vue translate peoject实现在线翻译功能【新手必看】
Jun 07 Javascript
layer弹出子iframe层父子页面传值的实现方法
Nov 22 Javascript
简单学习5种处理Vue.js异常的方法
Jun 17 Javascript
vue图片上传组件使用详解
Dec 23 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实现将上传word文件转为html的方法
2015/06/03 PHP
JavaScript 工具库 Cloudgamer JavaScript Library v0.1 发布
2009/10/29 Javascript
js动态给table添加/删除tr的方法
2013/08/02 Javascript
javascript实现des解密加密全过程
2014/04/03 Javascript
Window.Open如何在同一个标签页打开
2014/06/20 Javascript
jquery获取当前元素索引值用法实例
2015/06/10 Javascript
jquery表单验证需要做些什么
2015/11/17 Javascript
Bootstrap每天必学之按钮(一)
2015/11/24 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
js微信分享实现代码
2020/10/11 Javascript
微信小程序 POST请求的实例详解
2017/09/29 Javascript
css和js实现弹出登录居中界面完整代码
2017/11/26 Javascript
解决vue单页使用keep-alive页面返回不刷新的问题
2018/03/13 Javascript
Vue多系统切换实现方案
2018/06/05 Javascript
vue使用jsonp抓取qq音乐数据的方法
2018/06/21 Javascript
Vue源码解析之数组变异的实现
2018/12/04 Javascript
vue请求服务器数据后绑定不上的解决方法
2019/10/30 Javascript
Nodejs环境实现socket通信过程解析
2020/07/03 NodeJs
Python map和reduce函数用法示例
2015/02/26 Python
关于Python中空格字符串处理的技巧总结
2017/08/10 Python
用pycharm开发django项目示例代码
2018/10/24 Python
python批量爬取下载抖音视频
2019/06/17 Python
Python爬虫爬取糗事百科段子实例分享
2020/07/31 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
AmazeUI的JS表单验证框架实战示例分享
2020/08/21 HTML / CSS
香港优质食材和美酒专门店:FoodWise
2017/09/01 全球购物
Smilodox官方运动服装店:从运动服到健身配件
2020/08/27 全球购物
求职信格式范本
2013/11/15 职场文书
大学生演讲稿范文
2014/01/11 职场文书
工厂会计员职责
2014/02/06 职场文书
餐饮部总监岗位职责范文
2014/02/13 职场文书
幼儿园六一活动总结
2014/08/27 职场文书
教师党员整改措施
2014/10/24 职场文书
2014年企业团支部工作总结
2014/12/10 职场文书
小学生作文之《压岁钱的烦恼》
2019/09/27 职场文书