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

在textarea中显示html页面的javascript代码

Apr 20 Javascript

Blocksit插件实现瀑布流数据无限( 异步)加载

Jun 20 Javascript

学习使用grunt来打包JavaScript和CSS程序的教程

Jan 04 Javascript

JS实现消息来时让网页标题闪动效果的方法

Apr 20 Javascript

倾力总结40条常见的移动端Web页面问题解决方案

May 24 Javascript

JS匿名函数实例分析

Nov 26 Javascript

Vuex2.0+Vue2.0构建备忘录应用实践

Nov 30 Javascript

从对象列表中获取一个对象的方法,依据关键字和值

Sep 20 Javascript

vue购物车插件编写代码

Nov 27 Javascript

jQuery扩展方法实现Form表单与Json互相转换的实例代码

Sep 05 jQuery

微信小程序实现简单购物车功能

Dec 30 Javascript

JavaScript实现点击切换验证码及校验

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

用php和MySql来与ODBC数据连接

2006/10/09 PHP

php轻量级的性能分析工具xhprof的安装使用

2015/08/12 PHP

innerHTML 和 getElementsByName 在IE下面的bug 的解决

2010/04/09 Javascript

jQuery下扩展插件和拓展函数的写法（匿名函数使用的典型例子）

2010/10/20 Javascript

js中indexof的用法详细解析

2013/12/24 Javascript

Js实现滚动变色的文字效果

2014/06/16 Javascript

js调出上下文菜单的实例

2015/12/17 Javascript

HTML中setCapture、releaseCapture 使用方法浅析

2016/09/25 Javascript

Javascript 事件冒泡机制详细介绍

2016/10/10 Javascript

详解js的事件代理（委托）

2016/12/22 Javascript

微信小程序三级联动选择器使用方法

2020/05/19 Javascript

JavaScript分步实现一个出生日期的正则表达式

2018/03/22 Javascript

js中offset,client , scroll 三大元素知识点总结

2019/09/11 Javascript

ant design实现圈选功能

2019/12/17 Javascript

详解node和ES6的模块导出与导入

2020/02/19 Javascript

基于VUE实现判断设备是PC还是移动端

2020/07/03 Javascript

[22:20]初生之犊-TI4第5名LGD战队纪录片

2014/08/13 DOTA

Python读取环境变量的方法和自定义类分享

2014/11/22 Python

python文件与目录操作实例详解

2016/02/22 Python

django中send_mail功能实现详解

2018/02/06 Python

Python2实现的图片文本识别功能详解

2018/07/11 Python

python SQLAlchemy的Mapping与Declarative详解

2019/07/04 Python

Python Pandas 转换unix时间戳方式

2019/12/07 Python

python闭包、深浅拷贝、垃圾回收、with语句知识点汇总

2020/03/11 Python

python如何判断IP地址合法性

2020/04/05 Python

基于django 的orm中非主键自增的实现方式

2020/05/18 Python

python爬虫 requests-html的使用

2020/11/30 Python

CSS3,线性渐变（linear-gradient）的使用总结

2017/01/09 HTML / CSS

农田水利实习自我鉴定

2013/09/19 职场文书

公务员党员评议表自我鉴定

2014/09/14 职场文书

2014年重阳节敬老活动方案

2014/09/16 职场文书

关于迟到的检讨书

2015/05/06 职场文书

学校艾滋病宣传活动总结

2015/05/09 职场文书

2016同学毕业寄语大全

2015/12/04 职场文书

python之json文件转xml文件案例讲解

2021/08/07 Python

Python+Selenium自动化环境搭建与操作基础详解

2022/03/13 Python