input 高级限制级用法


Posted in Javascript onMarch 26, 2009

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>

Javascript 相关文章推荐
JS实多级联动下拉菜单类,简单实现省市区联动菜单!
May 03 Javascript
js cookies 常见网页木马挂马代码 24小时只加载一次
Apr 13 Javascript
JS实现标签页效果(配合css)
Apr 03 Javascript
JQuery实现鼠标滚轮滑动到页面节点
Jul 28 Javascript
JavaScript学习笔记之数组求和方法
Mar 23 Javascript
JS解决iframe之间通信和自适应高度的问题
Aug 24 Javascript
js实现随机点名系统(实例讲解)
Oct 18 Javascript
swiper 解决动态加载数据滑动失效的问题
Feb 26 Javascript
vue-cli与webpack处理静态资源的方法及webpack打包的坑
May 15 Javascript
vue-quill-editor+plupload富文本编辑器实例详解
Oct 19 Javascript
利用原生JS实现欢乐水果机小游戏
Apr 23 Javascript
Vue Element-ui表单校验规则实现
Jul 09 Vue.js
HTML代码中标签的全部属性 中文注释说明
Mar 26 #Javascript
JS 常用校验函数
Mar 26 #Javascript
js 动态添加标签(新增一行,其实很简单,就是几个函数的应用)
Mar 26 #Javascript
js GridView 实现自动计算操作代码
Mar 25 #Javascript
JAVASCRIPT  THIS详解 面向对象
Mar 25 #Javascript
javascript 打印页面代码
Mar 24 #Javascript
jQuery 全选效果实现代码
Mar 23 #Javascript
You might like
基于PHP导出Excel的小经验 完美解决乱码问题
2013/06/10 PHP
详解php中反射的应用
2016/03/15 PHP
PHP中仿制 ecshop验证码实例
2017/01/06 PHP
理解Javascript_03_javascript全局观
2010/10/11 Javascript
createTextRange()的使用示例含文本框选中部分文字内容
2014/02/24 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
nodejs实现遍历文件夹并统计文件大小
2015/05/28 NodeJs
JS实现仿新浪微博发布内容为空时提示功能代码
2015/08/19 Javascript
开启Javascript中apply、call、bind的用法之旅模式
2015/10/28 Javascript
jquery实现倒计时功能
2015/12/28 Javascript
详述JavaScript实现继承的几种方式(推荐)
2016/03/22 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
JS HTML5实现拖拽移动列表效果
2020/08/27 Javascript
vue 做移动端微信公众号采坑经验记录
2018/04/26 Javascript
150行Node.js实现的dns代理工具
2019/08/02 Javascript
解决vue 表格table列求和的问题
2019/11/06 Javascript
vue 使用async写数字动态加载效果案例
2020/07/18 Javascript
解决antd datepicker 获取时间默认少8个小时的问题
2020/10/29 Javascript
Vue开发中常见的套路和技巧总结
2020/11/24 Vue.js
用Python的pandas框架操作Excel文件中的数据教程
2015/03/31 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
实现python版本的按任意键继续/退出
2016/09/26 Python
解决pycharm无法识别本地site-packages的问题
2018/10/13 Python
Python设计模式之组合模式原理与用法实例分析
2019/01/11 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
Python 如何定义匿名或内联函数
2020/08/01 Python
python代数式括号有效性检验示例代码
2020/10/04 Python
Python修改DBF文件指定列
2020/12/19 Python
求职简历自荐信范文
2013/10/21 职场文书
法务专员岗位职责
2014/01/02 职场文书
打造完美自荐信
2014/01/24 职场文书
网页美工求职信范文
2014/04/17 职场文书
法定代表人证明书
2014/11/28 职场文书
2015大学生暑假调查报告
2015/07/13 职场文书
创业计划书之个人工作室
2019/08/22 职场文书
Oracle中update和select 关联操作
2022/01/18 Oracle