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 相关文章推荐
Javascript valueOf 使用方法
Dec 28 Javascript
js在IE与firefox的差异集锦
Nov 11 Javascript
a标签的href与onclick事件的区别详解
Nov 12 Javascript
jQuery获取标签文本内容和html内容的方法
Mar 27 Javascript
JS实现文档加载完成后执行代码
Jul 09 Javascript
Javascript 实现微信分享(QQ、朋友圈、分享给朋友)
Oct 21 Javascript
CodeMirror js代码加亮使用总结
Mar 25 Javascript
jQuery Masonry瀑布流布局神器使用详解
May 25 jQuery
浅谈node中的cluster集群
Jun 02 Javascript
详解vue.js根据不同环境(正式、测试)打包到不同目录
Jul 13 Javascript
Element Input组件分析小结
Oct 11 Javascript
微信小程序日历弹窗选择器代码实例
May 09 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 采集程序原理分析篇
2010/03/05 PHP
PHP 数据结构 算法 三元组 Triplet
2011/07/02 PHP
PHP计算指定日期所在周的开始和结束日期的方法
2015/03/24 PHP
适用于初学者的简易PHP文件上传类
2015/10/29 PHP
js控制input框只读实现示例
2014/01/20 Javascript
js使用栈来实现10进制转8进制与取除数及余数
2014/06/11 Javascript
jquery自动补齐功能插件flexselect用法示例
2016/08/06 Javascript
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
2016/09/09 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
javascript输出AscII码扩展集中的字符方法
2016/12/26 Javascript
DataTables添加额外的查询参数和删除columns等无用参数实例
2017/07/04 Javascript
基于easyui checkbox 的一些操作处理方法
2017/07/10 Javascript
Vue多系统切换实现方案
2018/06/05 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
Vue+Element自定义纵向表格表头教程
2020/10/26 Javascript
Javascript数组及类数组相关原理详解
2020/10/29 Javascript
js回到页面指定位置的三种方式
2020/12/17 Javascript
python中cPickle用法例子分享
2014/01/03 Python
pygame播放音乐的方法
2015/05/19 Python
Pycharm 设置自定义背景颜色的图文教程
2018/05/23 Python
python Pexpect 实现输密码 scp 拷贝的方法
2019/01/03 Python
pyqt 实现QlineEdit 输入密码显示成圆点的方法
2019/06/24 Python
opencv之为图像添加边界的方法示例
2019/12/26 Python
移动端rem布局的两种实现方法
2018/01/03 HTML / CSS
德购商城:德国进口直邮商城
2017/06/13 全球购物
Skyscanner香港:机票比价, 平机票和廉价航空机票预订
2020/02/07 全球购物
行政文秘岗位职责范本
2014/02/10 职场文书
会计电算化应届生自荐信
2014/02/25 职场文书
乡镇消防安全责任书
2014/07/23 职场文书
工会趣味活动方案
2014/08/18 职场文书
债务纠纷委托书
2014/08/30 职场文书
党员民主生活会材料
2014/12/15 职场文书
2015年食品安全宣传周活动总结
2015/07/09 职场文书
大学副班长竞选稿
2015/11/21 职场文书
Spring中的使用@Async异步调用方法
2021/11/01 Java/Android
python自动获取微信公众号最新文章的实现代码
2022/07/15 Python