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 清除输入框中的数据
Apr 13 Javascript
jQuery帮助之筛选查找 children([expr])
Jan 31 Javascript
Javascript 读取操作Sql中的Xml字段
Oct 09 Javascript
jQuery实现hover合成事件的方法
Aug 06 Javascript
javascript 判断是否是微信浏览器的方法
Oct 09 Javascript
JavaScript中双向数据绑定详解
May 03 Javascript
微信小程序 支付功能(前端)的实现
May 24 Javascript
基于Vuejs和Element的注册插件的编写方法
Jul 03 Javascript
详解React 服务端渲染方案完美的解决方案
Dec 14 Javascript
原生javascript运动函数的封装示例【匀速、抛物线、多属性的运动等】
Feb 23 Javascript
基于ajax及jQuery实现局部刷新过程解析
Sep 12 jQuery
nuxt 路由、过渡特效、中间件的实现代码
Nov 06 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 Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
php中随机显示图片的函数代码
2011/06/23 PHP
php简单的会话类代码
2011/08/08 PHP
解析用PHP读写音频文件信息的详解(支持WMA和MP3)
2013/05/10 PHP
迪菲-赫尔曼密钥交换(Diffie?Hellman)算法原理和PHP实现版
2015/05/12 PHP
jquery 回车事件实现代码
2011/08/23 Javascript
鼠标拖动实现DIV排序示例代码
2013/10/14 Javascript
JavaScript中的变量定义与储存介绍
2014/12/31 Javascript
javascript中定义类的方法详解
2015/02/10 Javascript
模仿password输入框的实现代码
2016/06/07 Javascript
AngularJs Managing Service Dependencies详解
2016/09/02 Javascript
bootstrap模态框跳转到当前模板页面 框消失了而背景存在问题的解决方法
2020/11/30 Javascript
NodeJS链接MySql数据库的操作方法
2017/06/27 NodeJs
vue init webpack myproject构建项目 ip不能访问的解决方法
2018/03/20 Javascript
vue-cli 如何打包上线的方法示例
2018/05/08 Javascript
小程序云开发如何实现图片上传及发表文字
2019/05/17 Javascript
前端插件之Bootstrap Dual Listbox使用教程
2019/07/23 Javascript
浅谈Vue为什么不能检测数组变动
2019/10/14 Javascript
vue实现简易的双向数据绑定
2020/12/29 Vue.js
python+pyqt实现12306图片验证效果
2017/10/25 Python
python 动态生成变量名以及动态获取变量的变量名方法
2019/01/20 Python
TensorFlow内存管理bfc算法实例
2020/02/03 Python
Python线程协作threading.Condition实现过程解析
2020/03/12 Python
python实现将字符串中的数字提取出来然后求和
2020/04/02 Python
python 基于UDP协议套接字通信的实现
2021/01/22 Python
浅谈html5 响应式布局
2014/12/24 HTML / CSS
《千年梦圆在今朝》教学反思
2014/02/24 职场文书
标准大学生职业生涯规划书写作指南
2014/09/18 职场文书
2014年教研组工作总结
2014/11/26 职场文书
幼儿园园长新年寄语2015
2014/12/08 职场文书
委托公证书样本
2015/01/23 职场文书
经费申请报告范文
2015/05/18 职场文书
高三英语教学反思
2016/03/03 职场文书
python可视化大屏库big_screen示例详解
2021/11/23 Python
CentOS7环境下MySQL8常用命令小结
2022/06/10 Servers
利用Redis实现点赞功能的示例代码
2022/06/28 Redis