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 相关文章推荐
flash javascript之间的通讯方法小结
Dec 20 Javascript
分享一道笔试题[有n个直线最多可以把一个平面分成多少个部分]
Oct 12 Javascript
基于javascript、ajax、memcache和PHP实现的简易在线聊天室
Feb 03 Javascript
深入解析JavaScript编程中的this关键字使用
Nov 09 Javascript
jquery对象访问是什么及使用方法介绍
May 03 Javascript
Angularjs中$http以post请求通过消息体传递参数的实现方法
Aug 05 Javascript
node.js的事件机制
Feb 08 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
Sep 19 Javascript
javascript回调函数详解
Feb 06 Javascript
Vue2.0系列之过滤器的使用
Mar 01 Javascript
原生JS实现逼真的图片3D旋转效果详解
Feb 16 Javascript
JS拖拽排序插件Sortable.js用法实例分析
Feb 20 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之Smarty入门
2007/01/04 PHP
php获取文章上一页与下一页的方法
2014/12/01 PHP
通过php删除xml文档内容的方法
2015/01/23 PHP
javascript prototype 原型链
2009/03/12 Javascript
关于jQuery新的事件绑定机制on()的使用技巧
2013/04/26 Javascript
jQuery获取CSS样式中的颜色值的问题,不同浏览器格式不同的解决办法
2013/05/13 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
2013/08/16 Javascript
js清除input中type等于file的值域(示例代码)
2013/12/24 Javascript
Javascript实现商品秒杀倒计时(时间与服务器时间同步)
2015/09/16 Javascript
浅谈时钟的生成(js手写简洁代码)
2016/08/20 Javascript
jQuery实现简单的抽奖游戏
2017/05/05 jQuery
微信小程序 监听手势滑动切换页面实例详解
2017/06/15 Javascript
Node.js学习教程之HTTP/2服务器推送【译】
2017/10/31 Javascript
axios 处理 302 状态码的解决方法
2018/04/10 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
2018/05/15 Javascript
详解如何配置vue-cli3.0的vue.config.js
2018/08/23 Javascript
解决Vue.js由于延时显示了{{message}}引用界面的问题
2018/08/25 Javascript
详解iframe跨域的几种常用方法(小结)
2019/04/29 Javascript
mpvue 页面预加载新增preLoad生命周期的两种方式
2019/10/17 Javascript
JS实现普通轮播图特效
2020/01/01 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
[01:56]生活中的妖精之七夕特别档
2016/08/09 DOTA
Python 文件管理实例详解
2015/11/10 Python
Python基于property实现类的特性操作示例
2018/06/15 Python
python开启摄像头以及深度学习实现目标检测方法
2018/08/03 Python
Python实现删除排序数组中重复项的两种方法示例
2019/01/31 Python
将Python字符串生成PDF的实例代码详解
2019/05/17 Python
python f-string式格式化听语音流程讲解
2019/06/18 Python
python 进程的几种创建方式详解
2019/08/29 Python
在python shell中运行python文件的实现
2019/12/21 Python
详解django使用include无法跳转的解决方法
2020/03/19 Python
马来西亚网上购物平台:ezbuy
2018/02/13 全球购物
广州一家公司的.NET面试题
2016/06/11 面试题
乡镇计划生育工作汇报
2014/10/28 职场文书
2014公司年终工作总结
2014/12/19 职场文书
大明湖导游词
2015/02/03 职场文书