编程 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 相关文章推荐

对google个性主页的拖拽效果的js的完整注释[转]

Apr 10 Javascript

jquery实现的元素的left增加N像素鼠标移开会慢慢的移动到原来的位置

Mar 21 Javascript

jquery关于图形报表的运用实现代码

Jan 06 Javascript

Extjs4 关于Store的一些操作(加载/回调/添加)

Apr 18 Javascript

解析js如何获取当前url中的参数值并复制给input

Jun 23 Javascript

模拟电子签章盖章效果的jQuery插件源码

Jun 24 Javascript

js父页面与子页面不同时显示的方法

Oct 16 Javascript

微信小程序 POST请求的实例详解

Sep 29 Javascript

jQuery实现定时隐藏对话框的方法分析

Feb 12 jQuery

JavaScript中如何对多维数组(矩阵)去重的实现

Dec 04 Javascript

微信小程序缓存支持二次开发封装实现解析

Dec 16 Javascript

原生js实现点击按钮复制内容到剪切板

Nov 19 Javascript

浅谈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

缅甸的咖啡简史

2021/03/04 咖啡文化

php防注

2007/01/15 PHP

PHP的Yii框架的基本使用示例

2015/08/21 PHP

php使用正则表达式去掉html中的注释方法

2016/11/03 PHP

php利用gd库为图片添加水印

2016/11/09 PHP

thinkPHP实现多字段模糊匹配查询的方法

2016/12/01 PHP

yii2利用自带UploadedFile实现上传图片的示例

2017/02/16 PHP

thinkPHP5.0框架引入Traits功能实例分析

2017/03/18 PHP

this[] 指的是什么内容讨论

2007/03/24 Javascript

JScript 脚本实现文件下载一般用于下载木马

2009/10/29 Javascript

jquery实现控制表格行高亮实例

2013/06/05 Javascript

javasript实现密码的隐藏与显示

2015/05/08 Javascript

jQuery中$(function() {});问题详解

2015/08/10 Javascript

jquery属性,遍历,HTML操作方法详解

2016/09/17 Javascript

jquery精度计算代码 jquery指定精确小数位

2017/02/06 Javascript

微信小程序获取手机号授权用户登录功能

2017/11/09 Javascript

详解如何在nuxt中添加proxyTable代理

2018/08/10 Javascript

基于Three.js实现360度全景图片

2018/12/30 Javascript

JavaScript解析机制与闭包原理实例详解

2019/03/08 Javascript

vue项目里面引用svg文件并给svg里面的元素赋值

2020/08/17 Javascript

Vue和React有哪些区别

2020/09/12 Javascript

在Vue里如何把网页的数据导出到Excel的方法

2020/09/30 Javascript

[51:29]完美世界DOTA2联赛循环赛 Matador vs Forest BO2第一场 11.05

2020/11/05 DOTA

Python中文分词工具之结巴分词用法实例总结【经典案例】

2017/04/15 Python

python爬虫使用真实浏览器打开网页的两种方法总结

2018/04/21 Python

python如何写出表白程序

2020/06/01 Python

戛纳奢侈品商店：Jacques Loup法国

2019/11/04 全球购物

美国领先的机场停车聚合商：Airport Parking Reservations

2020/02/28 全球购物

智能家居、吸尘器、滑板车、电动自行车网上购物：Geekmaxi

2021/01/18 全球购物

统计员岗位职责

2013/11/14 职场文书

教师实习自我鉴定

2013/12/14 职场文书

《夸父追日》教学反思

2014/02/26 职场文书

先进人物事迹材料

2014/12/29 职场文书

2015年社区服务活动总结

2015/03/25 职场文书

导游词之平津战役纪念馆

2019/11/04 职场文书

TypeScript 内置高级类型编程示例

2022/09/23 Javascript