js控制input输入字符解析


Posted in Javascript onDecember 27, 2013

ENTER键可以让光标移到下一个输入框
<input onkeydown="if(event.keyCode==13)event.keyCode=9" >

只能是中文
<input onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9">

屏蔽输入法
<input style="ime-mode:disabled" onkeydown="if(event.keyCode==13)event.keyCode=9">

只能输入英文和数字
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" onkeydown="if(event.keyCode==13)event.keyCode=9">

只能是数字
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))">

只能显示,不能修改
<input readonly value="只能显示,不能修改">

只能输数字,判断按键的值

<script   language=javascript>
function   onlyNum()
{
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)||(event.keyCode==8)))
event.returnValue=false;
}
</script>
<input   onkeydown="onlyNum();">

1.文本框只能输入数字代码(小数点也不能输入)
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 onchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" onkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" onblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

4.只能输入字母和汉字
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

只能是数字和小数点和加减乘?

9.只能输入数字、小数点、负数

<input name="input" type="text" onkeyup="JHshNumberText(this)" id="title">
<script language="javascript" type="text/javascript">
function JHshNumberText(a)
{ 
var fa="";
if(a.value.substring(0,1)=="-")
      fa="-";
var str=(a.value.replace(/[^0-9.]/g,'')).replace(/[.][0-9]*[.]/, '.');
if (str.substring(0,1)==".")
   str="0"+str;
   a.value=fa+str;
} 
</script>

1.取消按钮按下时的虚线框,在input里添加属性值 hideFocus 或者 HideFocus=true
<input type="submit" value="提交" hidefocus="true" />

2.只读文本框内容,在input里添加属性值 readonly
<input type="text" readonly />

3.防止退后清空的TEXT文档(可把style内容做做为类引用)
<input type="text" style="behavior:url(#default#savehistory);" />

4.ENTER键可以让光标移到下一个输入框
<input type="text" onkeydown="if(event.keyCode==13)event.keyCode=9" />

5.只能为中文(有闪动)
<input type="text" onkeyup="value=value.replace(/[ -~]/g,'')" onkeydown="if(event.keyCode==13)event.keyCode=9" />

6.只能为数字(有闪动)
<input type="text" onkeyup="value=value.replace(/[^\d]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))" />

7.只能为数字(无闪动)
<input type="text" 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 type="text" 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 type="text" 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}" />

Javascript 相关文章推荐
javascript各种复制代码收集
Sep 20 Javascript
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
JavaScript 模式之工厂模式(Factory)应用介绍
Nov 15 Javascript
JavaScript的Module模式编程深入分析
Aug 13 Javascript
plupload+artdialog实现多平台上传文件
Jul 19 Javascript
微信小程序实现图片预加载组件
Jan 18 Javascript
node.js-v6新版安装具体步骤(分享)
Sep 06 Javascript
基于js 字符串indexof与search方法的区别(详解)
Dec 04 Javascript
详解React中合并单元格的正确写法
Jan 08 Javascript
vue插件mescroll.js实现移动端上拉加载和下拉刷新
Mar 07 Javascript
微信小程序搭建自己的Https服务器
May 02 Javascript
详解ES6中class的实现原理
Oct 03 Javascript
javaScript 计算两个日期的天数相差(示例代码)
Dec 27 #Javascript
js中replace的用法总结
Dec 27 #Javascript
利用javascript数组长度循环数组内所有元素
Dec 27 #Javascript
jquery插件jquery倒计时插件分享
Dec 27 #Javascript
js中substr,substring,indexOf,lastIndexOf的用法小结
Dec 27 #Javascript
window.open打开页面居中显示的示例代码
Dec 27 #Javascript
JSuggest自动匹配下拉框使用方法(示例代码)
Dec 27 #Javascript
You might like
关于PHP开发的9条建议
2015/07/27 PHP
php基于CodeIgniter实现图片上传、剪切功能
2016/05/14 PHP
PHP-X系列教程之内置函数的使用示例
2017/10/16 PHP
Nigma vs Liquid BO3 第二场2.14
2021/03/10 DOTA
Domino中运用jQuery读取视图内容的方法
2009/10/21 Javascript
suggestion开发小结以及对键盘事件的总结(针对中文输入法状态)
2011/12/20 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
2012/05/23 Javascript
ECMAScript6新增值比较函数Object.is
2015/06/12 Javascript
js+canvas简单绘制圆圈的方法
2016/01/28 Javascript
浅谈js原生拖放
2016/11/21 Javascript
Angularjs+bootstrap+table多选(全选)支持单击行选中实现编辑、删除功能
2017/03/27 Javascript
vue 监听屏幕高度的实例
2018/09/05 Javascript
微信小程序自定义底部导航带跳转功能
2018/11/27 Javascript
微信小程序MUI导航栏透明渐变功能示例(通过改变rgba的a值实现)
2019/01/24 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
2020/05/20 Javascript
使用纯前端JavaScript实现Excel导入导出方法过程详解
2020/08/07 Javascript
[53:10]完美世界DOTA2联赛决赛日 FTD vs GXR 第二场 11.08
2020/11/11 DOTA
Python标准库defaultdict模块使用示例
2015/04/28 Python
python七夕浪漫表白源码
2019/04/05 Python
Python 列表去重去除空字符的例子
2019/07/20 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
Django 实现图片上传和下载功能
2020/12/31 Python
国外最大的眼镜网站:Coastal
2017/08/09 全球购物
Canal官网:巴西女性时尚品牌
2019/10/16 全球购物
竞聘医务工作人员的自我评价分享
2013/11/04 职场文书
社会实践自我鉴定
2013/11/07 职场文书
《画家乡》教学反思
2014/04/22 职场文书
暑期政治学习心得体会
2014/09/02 职场文书
2014年人大工作总结
2014/12/10 职场文书
2015迎新晚会开场白
2015/07/17 职场文书
2016初一新生军训心得体会
2016/01/11 职场文书
Golang二维数组的使用方式
2021/05/28 Golang
Nginx 路由转发和反向代理location配置实现
2021/11/11 Servers
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫
Python PIL按比例裁剪图片
2022/05/11 Python
MySQL优化之慢日志查询
2022/06/10 MySQL