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 相关文章推荐
JQuery 动态扩展对象之另类视角
May 25 Javascript
Jquery中getJSON在asp.net中的使用说明
Mar 10 Javascript
document.getElementById获取控件对象为空的解决方法
Nov 20 Javascript
利用js动态添加删除table行的示例代码
Dec 16 Javascript
JavaScript变量声明详解
Nov 27 Javascript
JavaScript和CSS交互的方法汇总
Dec 02 Javascript
关于两个jQuery(js)特效冲突的bug的解决办法
Sep 04 Javascript
关于js原型的面试题讲解
Sep 25 Javascript
微信小程序 新建登录页并实现tabBar隐藏
Jun 13 Javascript
vue中$set的使用(结合在实际应用中遇到的坑)
Jul 10 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 Javascript
Vue SPA 初次进入加载动画实现代码
Nov 14 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 jquery 多文件上传简单实例
2013/12/23 PHP
PHP重定向与伪静态区别
2017/02/19 PHP
PHP通过调用新浪API生成t.cn格式短网址链接的方法详解
2019/02/20 PHP
ThinkPHP5框架中使用JWT的方法示例
2020/06/03 PHP
PHP超全局变量实现原理及代码解析
2020/09/01 PHP
PHP dirname简单使用代码实例
2020/11/13 PHP
javascript中普通函数的使用介绍
2013/12/19 Javascript
js 数组操作之pop,push,unshift,splice,shift
2014/01/29 Javascript
js 金额格式化来回转换示例
2014/02/23 Javascript
JS实现可直接显示网页代码运行效果的HTML代码预览功能实例
2015/08/06 Javascript
Jquery 全选反选实例代码
2015/11/19 Javascript
Jquery调用iframe父页面中的元素及方法
2016/08/23 Javascript
JavaScript实现图片懒加载的方法分析
2018/07/05 Javascript
13 个npm 快速开发技巧(推荐)
2019/07/04 Javascript
VUE 解决mode为history页面为空白的问题
2019/11/01 Javascript
vue 开发企业微信整合案例分析
2019/12/02 Javascript
[52:40]完美世界DOTA2联赛PWL S2 Magma vs GXR 第一场 11.29
2020/12/02 DOTA
python实现apahce网站日志分析示例
2014/04/02 Python
Python中list列表的一些进阶使用方法介绍
2015/08/15 Python
python操作oracle的完整教程分享
2018/01/30 Python
使用Python实现文字转语音并生成wav文件的例子
2019/08/08 Python
nginx+uwsgi+django环境搭建的方法步骤
2019/11/25 Python
一款恶搞头像特效的制作过程 利用css3和jquery
2014/11/21 HTML / CSS
css sprite简单实例
2016/05/23 HTML / CSS
CSS3中设置3D变形的transform-style属性详解
2016/05/23 HTML / CSS
总结30个CSS3选择器
2017/04/13 HTML / CSS
html5读取本地文件示例代码
2014/04/22 HTML / CSS
鱼油专家:Omegavia
2016/10/10 全球购物
外贸英语毕业生自荐信
2013/11/14 职场文书
我心目中的好老师活动方案
2014/08/19 职场文书
合作经营协议书范本
2014/09/16 职场文书
2014年酒店工作总结范文
2014/11/17 职场文书
鲁迅故居导游词
2015/02/05 职场文书
2016学习医德医风心得体会
2016/01/25 职场文书
在 Golang 中实现 Cache::remember 方法详解
2021/03/30 Python
uwsgi+nginx代理Django无法访问静态资源的解决
2021/05/10 Servers