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 相关文章推荐
jQuery 操作XML入门
Dec 25 Javascript
理解JavaScript的caller,callee,call,apply
Apr 28 Javascript
jQuery 学习 几种常用方法
Jun 11 Javascript
自己动手制作jquery插件之自动添加删除行的实现
Oct 13 Javascript
MultiSelect左右选择控件的设计与实现介绍
Jun 08 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
javascript实现点击提交按钮后显示loading的方法
Jul 03 Javascript
Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的解决方法
Jan 19 Javascript
微信小程序实战之顶部导航栏(选项卡)(1)
Jun 19 Javascript
JS+HTML5实现获取手机验证码倒计时按钮
Aug 08 Javascript
JavaScript&quot;模拟事件&quot;的注意要点详解
Feb 13 Javascript
解决VueCil代理本地proxytable无效报错404的问题
Nov 07 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备份数据库生成SQL文件并下载的函数代码
2012/02/05 PHP
ThinkPHP跳转页success及error模板实例教程
2014/07/17 PHP
如何使用Javascript正则表达式来格式化XML内容
2013/07/04 Javascript
用javascript为页面添加天气显示实现思路及代码
2013/12/02 Javascript
你未必知道的JavaScript和CSS交互的5种方法
2014/04/02 Javascript
JS计算网页停留时间代码
2014/04/28 Javascript
jquery trigger伪造a标签的click事件取代window.open方法
2014/06/23 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
jQuery实现仿微软首页感应鼠标变化滑动窗口效果
2015/10/08 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
JS加载iFrame出现空白问题的解决办法
2016/05/13 Javascript
jquery插件uploadify多图上传功能实现代码
2016/08/12 Javascript
js实现HashTable(哈希表)的实例分析
2016/11/21 Javascript
js实现产品缩略图效果
2017/03/10 Javascript
JavaScript与Java正则表达式写法的区别介绍
2017/08/15 Javascript
详解基于Wepy开发小程序插件(推荐)
2019/08/01 Javascript
layui 动态设置checbox 选中状态的例子
2019/09/02 Javascript
你知道JavaScript Symbol类型怎么用吗
2020/01/08 Javascript
Python切片操作实例分析
2018/03/16 Python
python将字符串以utf-8格式保存在txt文件中的方法
2018/10/30 Python
python文件拆分与重组实例
2018/12/10 Python
Python并发:多线程与多进程的详解
2019/01/24 Python
pytorch获取模型某一层参数名及参数值方式
2019/12/30 Python
纯CSS3代码实现文字描边
2016/04/25 HTML / CSS
html5中valid、invalid、required的定义
2014/02/21 HTML / CSS
Monnier Frères美国官网:法国知名奢侈品网站
2016/11/22 全球购物
行政专员岗位职责
2014/01/02 职场文书
遗产继承公证书
2014/04/09 职场文书
环保志愿者活动总结
2014/06/27 职场文书
干部个人对照检查材料
2014/08/25 职场文书
2015年世界粮食日演讲稿
2015/03/20 职场文书
2015新员工工作总结范文
2015/10/15 职场文书
写给汽车4S店的创业计划书,拿来即用!
2019/08/09 职场文书
Python手拉手教你爬取贝壳房源数据的实战教程
2021/05/21 Python
Python Pycharm虚拟下百度飞浆PaddleX安装报错问题及处理方法(亲测100%有效)
2021/05/24 Python