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自定义方法通过隐藏iframe实现文件下载
Feb 21 Javascript
自动最大化窗口的Javascript代码
May 22 Javascript
JavaScript创建对象的写法
Aug 29 Javascript
Jquery使用Firefox FireBug插件调试Ajax步骤讲解
Dec 02 Javascript
javascript中数组的冒泡排序使用示例
Dec 18 Javascript
模拟一个类似百度google的模糊搜索下拉列表
Apr 15 Javascript
JQuery获取表格数据示例代码
May 26 Javascript
JavaScript随机生成颜色的方法
Oct 15 Javascript
Bootstrap基本插件学习笔记之标签切换(17)
Dec 08 Javascript
Vue的Class与Style绑定的方法
Sep 01 Javascript
vue-cli构建项目使用 less的方法
Oct 04 Javascript
使用xampp将angular项目运行在web服务器的教程
Sep 16 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
30个php操作redis常用方法代码例子
2014/07/05 PHP
php修改数组键名的方法示例
2017/04/15 PHP
Laravel 实现添加多语言提示信息
2019/10/25 PHP
javascrip客户端验证文件大小及文件类型并重置上传
2011/01/12 Javascript
jQuery异步上传文件插件ajaxFileUpload详细介绍
2015/05/19 Javascript
微信小程序 实现动态显示和隐藏某个控件
2017/04/27 Javascript
图文介绍Vue父组件向子组件传值
2018/02/17 Javascript
详解auto-vue-file:一个自动创建vue组件的包
2019/04/26 Javascript
运用js实现图层拖拽的功能
2019/05/24 Javascript
微信小程序去除左上角返回键的实现方法
2020/03/06 Javascript
angular组件间传值测试的方法详解
2020/05/07 Javascript
js实现3D旋转相册
2020/08/02 Javascript
[01:04:30]Fnatic vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
[01:03:13]VG vs Pain 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
[05:11]TI9战队采访——VIRTUSPRO
2019/08/22 DOTA
python赋值操作方法分享
2013/03/23 Python
Python with用法实例
2015/04/14 Python
Python中模块string.py详解
2017/03/12 Python
Python排序算法实例代码
2017/08/10 Python
Python中eval带来的潜在风险代码分析
2017/12/11 Python
pandas DataFrame数据转为list的方法
2018/04/11 Python
python print 按逗号或空格分隔的方法
2018/05/02 Python
对python xlrd读取datetime类型数据的方法详解
2018/12/26 Python
python opencv 读取本地视频文件 修改ffmpeg的方法
2019/01/26 Python
python求绝对值的三种方法小结
2019/12/04 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
Python paramiko使用方法代码汇总
2020/11/20 Python
pyx文件 生成pyd 文件用于 cython调用的实现
2021/03/04 Python
CSS3中文字镂空、透明值、阴影效果设置示例小结
2016/03/07 HTML / CSS
Myprotein俄罗斯官网:欧洲第一运动营养品牌
2019/05/05 全球购物
四好少年事迹材料
2014/01/12 职场文书
旷课检讨书大全
2014/01/21 职场文书
全国优秀教师事迹材料
2014/08/26 职场文书
2015年个人自我剖析材料
2014/12/29 职场文书
傲慢与偏见读书笔记
2015/06/29 职场文书
导游词之青城山景区
2019/09/27 职场文书