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对象创建及继承原理实例解剖
Feb 28 Javascript
JavaScript程序员应该知道的45个实用技巧
Mar 04 Javascript
Jquery插件分享之气泡形提示控件grumble.js
May 20 Javascript
jQuery实现当前页面标签高亮显示的方法
Mar 10 Javascript
全面解析vue中的数据双向绑定
May 10 Javascript
javascript 通过键名获取键盘的keyCode方法
Dec 31 Javascript
Vue-cli中为单独页面设置背景色的实现方法
Feb 11 Javascript
解决js相同的正则多次调用test()返回的值却不同的问题
Oct 10 Javascript
详解vue-cli 2.0配置文件(小结)
Jan 14 Javascript
VUE前后端学习tab写法实例
Aug 06 Javascript
Vue v-for中的 input 或 select的值发生改变时触发事件操作
Aug 31 Javascript
Vue实现下拉加载更多
May 09 Vue.js
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数据库连接类~~做成一个分页类!
2006/11/25 PHP
在Mac OS下搭建LNMP开发环境的步骤详解
2017/03/10 PHP
浅谈PHP中类和对象的相关函数
2017/04/26 PHP
Laravel 创建可以传递参数 Console服务的例子
2019/10/14 PHP
限制文本字节数js代码
2007/03/06 Javascript
jQuery 下拉列表 二级联动插件分享
2012/03/29 Javascript
JS中不为人知的五种声明Number的方式简要概述
2013/02/22 Javascript
js实现倒计时(距离结束还有)示例代码
2013/07/24 Javascript
用javascript添加控件自定义属性解析
2013/11/25 Javascript
js常用自定义公共函数汇总
2014/01/15 Javascript
究竟什么是Node.js?Node.js有什么好处?
2015/05/29 Javascript
Bootstrap表单布局样式源代码
2016/07/04 Javascript
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
vue父组件向子组件动态传值的两种方法
2017/11/11 Javascript
vue 实现微信浮标效果
2019/09/01 Javascript
[54:27]TNC vs Serenity 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python中定义结构体的方法
2013/03/04 Python
python直接访问私有属性的简单方法
2016/07/25 Python
Python入门_浅谈for循环、while循环
2017/05/16 Python
Python tornado队列示例-一个并发web爬虫代码分享
2018/01/09 Python
PyQt5每天必学之关闭窗口
2018/04/19 Python
python爬取哈尔滨天气信息
2018/07/14 Python
处理python中多线程与多进程中的数据共享问题
2019/07/28 Python
pycharm创建scrapy项目教程及遇到的坑解析
2019/08/15 Python
TensorFlow2.X使用图片制作简单的数据集训练模型
2020/04/08 Python
keras的load_model实现加载含有参数的自定义模型
2020/06/22 Python
scrapy redis配置文件setting参数详解
2020/11/18 Python
加州风格的游泳和沙滩装品牌:Cupshe
2019/06/10 全球购物
写一个函数,要求输入一个字符串和一个字符长度,对该字符串进行分隔
2015/07/30 面试题
会计专业推荐信
2013/10/29 职场文书
服装厂厂长岗位职责
2013/12/27 职场文书
三年级语文教学反思
2014/02/01 职场文书
幼儿园六一主持词
2015/06/30 职场文书
学习委员竞选稿
2015/11/20 职场文书
Pyqt5将多个类组合在一个界面显示的完整示例
2021/09/04 Python
MySQL去除密码登录告警的方法
2022/04/20 MySQL