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

查询绑定数据岛的表格中的文本并修改显示方式的js代码

Dec 15 Javascript

jquery实现个人中心导航菜单效果和美观都非常不错

Sep 02 Javascript

js实现带按钮的上下滚动效果

May 12 Javascript

javascript实现列表滚动的方法

Jul 30 Javascript

AngularJS基础 ng-list 指令详解及示例代码

Aug 02 Javascript

详解JavaScript权威指南之对象

Sep 27 Javascript

JavaScript实现动态增删表格的方法

Mar 09 Javascript

使用webpack打包koa2 框架app

Feb 02 Javascript

JavaScript学习笔记之DOM基础操作实例小结

Jan 09 Javascript

js实现删除li标签一行内容

Apr 16 Javascript

jQuery中getJSON跨域原理的深入讲解

Sep 02 jQuery

html5中sharedWorker实现多页面通信的示例代码

May 07 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中通过加号合并数组的一个简单方法分享

2011/01/27 PHP

第三章 php操作符与控制结构代码

2011/12/30 PHP

PHP读取PDF内容配合Xpdf的使用

2012/11/24 PHP

解析web文件操作常见安全漏洞(目录、文件名检测漏洞)

2013/06/29 PHP

Codeigniter+PHPExcel实现导出数据到Excel文件

2014/06/12 PHP

php 访问oracle 存储过程实例详解

2017/01/08 PHP

LNMP部署laravel以及xhprof安装使用教程

2017/09/14 PHP

ThinkPHP3.2框架自定义配置和加载用法示例

2018/06/14 PHP

JavaScript写的一个DIV 弹出网页对话框

2009/08/14 Javascript

JS中捕获console.log()输出的方法

2015/04/16 Javascript

如何在Linux上安装Node.js

2016/04/01 Javascript

JS原型链详解及示例代码

2016/09/06 Javascript

BootStrap modal模态弹窗使用小结

2016/10/26 Javascript

javascript中的深复制详解及实例分析

2016/12/29 Javascript

thinkphp标签实现bootsrtap轮播carousel实例代码

2017/02/19 Javascript

JavaScript实现创建自定义对象的常用方式总结

2018/07/09 Javascript

js中split()方法得到的数组长度问题

2018/07/19 Javascript

node.js实现微信开发之获取用户授权

2019/03/18 Javascript

jQuery实现高级检索功能

2019/05/28 jQuery

vue keep-alive的简单总结

2021/01/25 Vue.js

[47:26]完美世界DOTA2联赛 LBZS vs Forest 第二场 11.07

2020/11/09 DOTA

Python使用os模块和fileinput模块来操作文件目录

2016/01/19 Python

Python 对象中的数据类型

2017/05/13 Python

python中的字典操作及字典函数

2018/01/03 Python

在python中利用GDAL对tif文件进行读写的方法

2018/11/29 Python

Python解决线性代数问题之矩阵的初等变换方法

2018/12/12 Python

Django模板导入母版继承和自定义返回Html片段过程解析

2019/09/18 Python

解决Python数据可视化中文部分显示方块问题

2020/05/16 Python

用python绘制樱花树

2020/10/09 Python

兰蔻法国官方网站：Lancôme法国

2020/02/22 全球购物

大型车展策划方案

2014/02/01 职场文书

上班看电影检讨书

2014/02/12 职场文书

函授生自我鉴定

2014/03/25 职场文书

领导干部学习“三严三实”思想汇报

2014/09/15 职场文书

开展批评与自我批评发言材料

2014/10/17 职场文书

上手简单,功能强大的Python爬虫框架——feapder

2021/04/27 Python