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 相关文章推荐
DWZ刷新dialog解决方法
Mar 03 Javascript
PHP实现的各种中文编码转换类分享
Jan 23 Javascript
JavaScript基本语法讲解
Jun 03 Javascript
基于JavaScript短信验证码如何实现
Jan 24 Javascript
JS表格组件神器bootstrap table详解(强化版)
May 26 Javascript
AngularJS实践之使用NgModelController进行数据绑定
Oct 08 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
ReactNative短信验证码倒计时控件的实现代码
Jul 20 Javascript
javascript标准库(js的标准内置对象)总结
May 26 Javascript
小程序视频列表中视频的播放与停止的示例代码
Jul 20 Javascript
Seajs源码详解分析
Apr 02 Javascript
全局安装 Vue cli3 和 继续使用 Vue-cli2.x操作
Sep 08 Javascript
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调用mysql数据 dbclass类
2011/05/07 PHP
PHP+jQuery实现自动补全功能源码
2013/05/15 PHP
基于PHP一些十分严重的缺陷详解
2013/06/03 PHP
如何使用PHP批量去除文件UTF8 BOM信息
2013/08/05 PHP
php生成年月日下载列表的方法
2015/04/24 PHP
PHP魔术方法的使用示例
2015/06/23 PHP
PHP基于单例模式实现的数据库操作基类
2016/01/15 PHP
php组合排序简单实现方法
2016/10/15 PHP
php微信公众号开发模式详解
2016/11/28 PHP
javascript与webservice的通信实现代码
2010/12/25 Javascript
javascript学习笔记(十三) js闭包介绍(转)
2012/06/20 Javascript
js调试系列 初识控制台
2014/06/18 Javascript
jquery中post方法用法实例
2014/10/21 Javascript
Javascript核心读书有感之语言核心
2015/02/01 Javascript
学习Bootstrap滚动监听 附调用方法
2016/07/02 Javascript
JS设置时间无效问题的解决办法
2017/02/18 Javascript
jquery中$.fn和图片滚动效果实现的必备知识总结
2017/04/21 jQuery
学习使用Bootstrap栅格系统
2017/05/11 Javascript
Three.js利用性能插件stats实现性能监听的方法
2017/09/25 Javascript
详解vue项目打包后通过百度的BAE发布到网上的流程
2018/03/05 Javascript
Vue使用lodop实现打印小结
2019/07/06 Javascript
使用ThinkJs搭建微信中控服务的实现方法
2019/08/08 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
[05:34]2014DOTA2国际邀请赛中国区预选赛精彩TOPPLAY第二弹
2014/06/25 DOTA
Python进阶篇之字典操作总结
2016/11/16 Python
Python队列的定义与使用方法示例
2017/06/24 Python
python3连接kafka模块pykafka生产者简单封装代码
2019/12/23 Python
详解HTML5 window.postMessage与跨域
2017/05/11 HTML / CSS
Pottery Barn阿联酋:购买家具、家居装饰及更多
2019/12/08 全球购物
银行财务部实习生的自我鉴定
2013/11/27 职场文书
幼儿园中秋节活动方案
2014/02/06 职场文书
客户接待方案
2014/02/26 职场文书
人事行政助理岗位职责
2015/04/11 职场文书
新员工试用期工作总结2015
2015/05/28 职场文书
2015年新教师个人工作总结
2015/10/14 职场文书
详解Vue3使用axios的配置教程
2022/04/29 Vue.js