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

Extjs学习笔记之六面版

Jan 08 Javascript

JavaScript中获取元素索引的函数

Sep 10 Javascript

jquery实现div拖拽宽度示例代码

Jul 31 Javascript

jQuery实现可以编辑的表格实例详解【附demo源码下载】

Jul 09 Javascript

JS常见创建类的方法小结【工厂方式,构造器方式,原型方式,联合方式等】

Apr 01 Javascript

微信小程序图片选择、上传到服务器、预览（PHP）实现实例

May 11 Javascript

angular4 JavaScript内存溢出问题

Mar 06 Javascript

pageGroup.js实现分页功能

Jul 27 Javascript

详解使用JWT实现单点登录（完全跨域方案）

Aug 02 Javascript

JS异步处理的进化史深入讲解

Aug 25 Javascript

vue-cli随机生成port源码的方法

Sep 02 Javascript

Vue SPA 首屏优化方案

Feb 26 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

星际争霸 Starcraft 游戏介绍

2020/03/14 星际争霸

比特率，大家看看这个就不用收音机音质去比MP3音质了

2021/03/01 无线电

mysql,mysqli,PDO的各自不同介绍

2012/09/19 PHP

基于PHP选项与信息函数的使用详解

2013/05/10 PHP

php socket客户端及服务器端应用实例

2014/07/04 PHP

php使用GD2绘制几何图形示例

2017/02/15 PHP

php实例化一个类的具体方法

2019/09/19 PHP

js常用排序实现代码

2010/12/28 Javascript

JavaScript定义类的几种方式总结

2014/01/06 Javascript

jQuery实现可以控制图片旋转角度效果(附demo源码下载)

2016/01/27 Javascript

浅析JavaScript Array和string的转换(推荐)

2016/05/20 Javascript

Vue数据驱动模拟实现4

2017/01/12 Javascript

Windows下快速搭建NodeJS本地服务器的步骤

2017/08/09 NodeJs

Javascript中this关键字指向问题的测试与详解

2017/08/11 Javascript

在一个页面实现两个zTree联动的方法

2017/12/20 Javascript

详解mpvue实现对苹果X安全区域的适配

2019/07/31 Javascript

vuex actions异步修改状态的实例详解

2019/11/06 Javascript

opencv改变imshow窗口大小,窗口位置的方法

2018/04/02 Python

python儿童学游戏编程知识点总结

2019/06/03 Python

python async with和async for的使用

2019/06/20 Python

安装多个版本的TensorFlow的方法步骤

2020/04/21 Python

加拿大女鞋品牌：ALDO

2016/11/13 全球购物

意大利奢侈品多品牌集合店：TheDoubleF

2019/08/24 全球购物

怎样声明一个匿名的内部类

2016/06/01 面试题

护理学毕业生自荐信

2013/10/02 职场文书

银行实习的自我鉴定

2013/12/10 职场文书

商业街策划方案

2014/05/31 职场文书

2014国庆节国旗下演讲稿（精选版）

2014/09/26 职场文书

2014年党总支工作总结

2014/12/18 职场文书

2015年基层党建工作总结

2015/05/14 职场文书

2016年七夕爱情寄语

2015/12/04 职场文书

2016年6月份红领巾广播稿

2015/12/21 职场文书

2016年三严三实党课学习心得体会

2016/01/06 职场文书

python 自动刷新网页的两种方法

2021/04/20 Python

Python办公自动化解决world文件批量转换

2021/09/15 Python

Pandas搭配lambda组合使用详解

2022/01/22 Python