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 面向对象编程基础:继承
Aug 21 Javascript
jQuery MD5加密实现代码
Mar 15 Javascript
Jquery 一次处理多个ajax请求的代码
Sep 02 Javascript
js作用域及作用域链概念理解及使用
Apr 15 Javascript
Jquery.Form 异步提交表单的简单实例
Mar 03 Javascript
jQuery ui 利用 datepicker插件实现开始日期(minDate)和结束日期(maxDate)
May 22 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
Sep 05 Javascript
微信小程序引用公共js里的方法的实例详解
Aug 17 Javascript
Vue.js 实现数据展示全部和收起功能
Sep 05 Javascript
Javascript实现时间倒计时功能
Nov 17 Javascript
Vue+Node实现商品列表的分页、排序、筛选,添加购物车功能详解
Dec 07 Javascript
浅谈vue单页面中有多个echarts图表时的公用代码写法
Jul 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动态生成虚拟现实VRML网页
2006/10/09 PHP
php $_ENV为空的原因分析
2009/06/01 PHP
PHP+MySQL 制作简单的留言本
2009/11/02 PHP
php对象和数组相互转换的方法
2015/05/12 PHP
如何使用GDB调试PHP程序
2015/12/08 PHP
laravel开发环境homestead搭建过程详解
2020/07/03 PHP
firefox 和 ie 事件处理的细节,研究,再研究 书写同时兼容ie和ff的事件处理代码
2007/04/12 Javascript
javascript dom 操作详解 js加强
2009/07/13 Javascript
js null undefined 空区别说明
2010/06/13 Javascript
使用jQuery和PHP实现类似360功能开关效果
2014/02/12 Javascript
浅谈javascript对象模型和function对象
2014/12/26 Javascript
Javascript控制input输入时间格式的方法
2015/01/28 Javascript
利用jQuery及AJAX技术定时更新GridView的某一列数据
2015/12/04 Javascript
移动端点击图片放大特效PhotoSwipe.js插件实现
2016/08/25 Javascript
Vue.js双向绑定实现原理详解
2016/12/22 Javascript
jQuery动态生成表格及右键菜单功能示例
2017/01/13 Javascript
js禁止表单重复提交
2017/08/29 Javascript
小程序云函数调用API接口的方法
2019/05/17 Javascript
使用typescript构建Vue应用的实现
2019/08/26 Javascript
vue路由教程之静态路由
2019/09/03 Javascript
node.js中事件触发器events的使用方法实例分析
2019/11/23 Javascript
vue-路由精讲 二级路由和三级路由的作用
2020/08/06 Javascript
js实现车辆管理系统
2020/08/26 Javascript
在Python中使用列表生成式的教程
2015/04/27 Python
pytorch构建网络模型的4种方法
2018/04/13 Python
Linux(Redhat)安装python3.6虚拟环境(推荐)
2018/05/05 Python
Python获取基金网站网页内容、使用BeautifulSoup库分析html操作示例
2019/06/04 Python
Python爬虫简单运用爬取代理IP的实现
2020/12/01 Python
html5+css3气泡组件的实现
2014/11/21 HTML / CSS
Lungolivigno Fashion官网:高级时装在线购物
2020/10/17 全球购物
企业面试题试卷附带答案
2015/12/20 面试题
编辑个人求职信范文
2013/09/21 职场文书
搬家公司的创业计划书
2014/01/01 职场文书
广告词串烧
2014/03/19 职场文书
一年级学生评语大全
2014/04/21 职场文书
2014年党员自我评议(5篇)
2014/09/12 职场文书