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

arguments对象

Nov 20 Javascript

JS动态加载当前时间的方法

Feb 09 Javascript

jquery实现华丽的可折角广告代码

Sep 02 Javascript

Bootstrap每天必学之按钮（一）

Nov 24 Javascript

Vue.js每天必学之构造器与生命周期

Sep 05 Javascript

AngularJs验证重复密码的方法(两种)

Nov 25 Javascript

自定义vue全局组件use使用、vuex的使用详解

Jun 14 Javascript

vue 实现 tomato timer(蕃茄钟)实例讲解

Jul 24 Javascript

JS引用传递与值传递的区别与用法分析

Jun 01 Javascript

关于layui 下拉列表的change事件详解

Sep 20 Javascript

JS数组Reduce方法功能与用法实例详解

Apr 29 Javascript

vue中父子组件的参数传递和应用示例

Jan 04 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

如何在php中正确的使用json

2013/08/06 PHP

php语言的7种基本的排序方法

2020/12/28 PHP

PHP连续签到功能实现方法详解

2019/12/04 PHP

Apache站点配置SSL强制跳转443

2021/03/09 Servers

在Javascript中定义对象类别

2006/12/22 Javascript

再论Javascript的类继承

2011/03/05 Javascript

JQuery动态创建DOM、表单元素的实现代码

2011/08/09 Javascript

Angularjs material 实现搜索框功能

2016/03/08 Javascript

分享12个非常实用的JavaScript小技巧

2016/05/11 Javascript

一个简单的JavaScript Map实例(分享)

2016/08/03 Javascript

详解node+express+ejs+bootstrap构建项目

2017/09/27 Javascript

jQuery代码优化方法总结

2018/01/29 jQuery

javascript如何实现create方法

2019/11/04 Javascript

React 实现车牌键盘的示例代码

2019/12/20 Javascript

24个ES6方法解决JS实际开发问题(小结)

2020/05/31 Javascript

[01:56]《DOTA2》中文配音CG

2013/04/22 DOTA

利用Fn.py库在Python中进行函数式编程

2015/04/22 Python

Python爬虫爬取美剧网站的实现代码

2016/09/03 Python

python 字典中取值的两种方法小结

2018/08/02 Python

Python3.6中Twisted模块安装的问题与解决

2019/04/15 Python

python批量修改xml属性的实现方式

2020/03/05 Python

Python实现UDP程序通信过程图解

2020/05/15 Python

python中线程和进程有何区别

2020/06/17 Python

python实现图片转换成素描和漫画格式

2020/08/19 Python

使用django自带的user做外键的方法

2020/11/30 Python

python实现文件+参数发送request的实例代码

2021/01/05 Python

DOUGLAS波兰：在线销售香水和化妆品

2020/07/05 全球购物

大学生自助营养快餐店创业计划书

2014/01/13 职场文书

学生会主席事迹材料

2014/01/28 职场文书

团支书竞选演讲稿

2014/04/28 职场文书

先进党组织事迹材料

2014/12/26 职场文书

2015年教师自我评价范文

2015/03/04 职场文书

2015年助残日活动总结

2015/03/27 职场文书

心理健康教育培训研修感言

2015/11/18 职场文书

2019邀请函格式及范文

2019/05/20 职场文书

python 使用tkinter与messagebox写界面和弹窗

2022/03/20 Python