编程 Javascript

javascript限制文本框输入值类型的方法

Posted in Javascript onMay 07, 2015

本文实例讲述了javascript限制文本框输入值类型的方法。分享给大家供大家参考。具体分析如下：

要求：所有的文本框，只能输入数字和小数点，其他的符号一概不能输入；

重点是我希望在用户输入时就做限制，而不是提交时判断——也就是说如果用户在文本框内输入数字或小数点，可以正常输入；如果输入字母等非数字字符，则文本框会没有任何反应，不会显示输入的字符。

<html>
<body>
<script>
var s = "<input type=\"text\" size=\"20\" " +
"style=\"text-align:center\" " +
"onkeydown=\"if(event.keyCode>57&&event.keyCode!=190) return false\" "+ 
//限制只能输入数字
"onblur=\"value=value.replace(/[^0-9\.]/g,'')\" " + 
//限制鼠标点击输入非数字
"onbeforepaste=\"clipboardData.setData(\"text\"," + 
//限制只能粘贴数字
"clipboardData.getData(\"text\").replace(/[^0-9\.]/g,''))\">";
document.write(s);
</script>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

javascript限制文本框输入值类型的方法

- Author -

shichen2014

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

由document.body和document.documentElement想到的

Apr 13 Javascript

javascript hashtable 修正版下载

Dec 30 Javascript

jquery获得下拉框值的代码

Aug 13 Javascript

JavaScript中具名函数的多种调用方式总结

Nov 08 Javascript

JavaScript实现单击下拉框选择直接跳转页面的方法

Jul 02 Javascript

浅析JavaScript中命名空间namespace模式

Jun 22 Javascript

jquery 正整数数字校验正则表达式

Jan 10 Javascript

在 Node.js 中使用 async 函数的方法

Nov 17 Javascript

Vue组件之高德地图地址选择功能的实例代码

Jun 21 Javascript

Vue中import from的来源及省略后缀与加载文件夹问题

Feb 09 Javascript

Vue中点击active并第一个默认选中功能的实现

Feb 24 Javascript

Vue3+elementui plus创建项目的方法

Dec 01 Vue.js

浅谈Javascript的静态属性和原型属性

May 07 #Javascript

ECMAScript5(ES5)中bind方法使用小结

May 07 #Javascript

JS中获取函数调用链所有参数的方法

May 07 #Javascript

jQuery中animate动画第二次点击事件没反应

May 07 #Javascript

js实现鼠标滑过文字链接色彩变化的效果

May 06 #Javascript

JS实现文字掉落效果的方法

May 06 #Javascript

DOM 高级编程

May 06 #Javascript

You might like

使用ThinkPHP+Uploadify实现图片上传功能

2014/06/26 PHP

php实现HTML实体编号与非ASCII字符串相互转换类实例

2016/11/02 PHP

使用JavaScript库还是自己写代码？

2010/01/28 Javascript

uploadify 3.0 详细使用说明

2012/06/18 Javascript

Javascript事件实例详解

2013/11/06 Javascript

JavaScript匿名函数用法分析

2015/02/13 Javascript

JavaScript数组常用方法

2015/03/02 Javascript

浅谈Javascript实现继承的方法

2015/07/06 Javascript

jquery中ajax跨域方法实例分析

2015/12/18 Javascript

微信小程序的动画效果详解

2017/01/18 Javascript

require.js与bootstrap结合实现简单的页面登录和页面跳转功能

2017/05/12 Javascript

关于Bootstrap按钮组件消除黄框的方法

2017/05/19 Javascript

js 事件的传播机制(实例讲解)

2017/07/20 Javascript

用最少的JS代码写出贪吃蛇游戏

2018/01/12 Javascript

谈谈JavaScript中的函数

2020/09/08 Javascript

vue.js页面加载执行created,mounted的先后顺序说明

2020/11/07 Javascript

微信小程序实现自定义底部导航

2020/11/18 Javascript

Python基于动态规划算法解决01背包问题实例

2017/12/06 Python

python实时监控cpu小工具

2018/06/21 Python

Python命名空间的本质和加载顺序

2018/12/17 Python

PyQt QListWidget修改列表项item的行高方法

2019/06/20 Python

python粘包问题及socket套接字编程详解

2019/06/29 Python

Python中常用的高阶函数实例详解

2020/02/21 Python

Django Serializer HiddenField隐藏字段实例

2020/03/31 Python

python中如何进行连乘计算

2020/05/28 Python

巴黎欧莱雅法国官网：L’Oreal Paris

2019/04/30 全球购物

优质有机椰子产品：Dr. Goerg

2019/09/24 全球购物

Chemist Warehouse中文网：澳洲连锁大药房

2021/02/05 全球购物

.NET方向面试题

2014/11/20 面试题

法学函授自我鉴定

2014/02/06 职场文书

实习指导老师评语

2014/04/26 职场文书

基层党支部公开承诺书

2014/05/29 职场文书

考研复习计划

2015/01/19 职场文书

长江三峡导游词

2015/01/31 职场文书

2015年事业单位办公室文员工作总结

2015/04/24 职场文书

只用40行Python代码就能写出pdf转word小工具

2021/05/31 Python