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

最流行的Node.js精简型和全栈型开发框架介绍

Feb 26 Javascript

jQuery满屏焦点图左右滚动特效代码分享

Sep 07 Javascript

JavaScript绑定事件监听函数的通用方法

May 14 Javascript

微信小程序 canvas API详解及实例代码

Oct 08 Javascript

JS前端笔试题分析

Dec 19 Javascript

Angular2利用组件与指令实现图片轮播组件

Mar 27 Javascript

微信小程序中吸底按钮适配iPhone X方案

Nov 29 Javascript

微信小程序车牌号码模拟键盘输入功能的实现代码

Nov 11 Javascript

JS/HTML5游戏常用算法之追踪算法实例详解

Dec 12 Javascript

微信小程序实现提交input信息到后台的方法示例

Jan 19 Javascript

在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】

Jun 09 Javascript

Vue实现点击当前行变色

Dec 14 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执行速度全攻略(上)

2006/10/09 PHP

fleaphp常用方法分页之Pager使用方法

2011/04/23 PHP

php笔记之：有规律大文件的读取与写入的分析

2013/04/26 PHP

php ctype函数中文翻译和示例

2014/03/21 PHP

PHP中使用asort进行中文排序失效的问题处理

2014/08/18 PHP

PHP实现简单汉字验证码

2015/07/28 PHP

jQuery asp.net 用json格式返回自定义对象

2010/04/07 Javascript

再说AutoComplete自动补全之实现原理

2011/11/05 Javascript

jQuery实现公告文字左右滚动的实例代码

2013/10/29 Javascript

利用js实现前台动态添加文本框,后台获取文本框内容(示例代码)

2013/11/25 Javascript

js判断上传文件类型判断FileUpload文件类型代码

2014/05/20 Javascript

JavaScript字符串对象slice方法入门实例（用于字符串截取）

2014/10/16 Javascript

JavaScript中document.forms[0]与getElementByName区别

2015/01/21 Javascript

JavaScript实现节点的删除与序号重建实例

2015/08/05 Javascript

通过正则表达式获取url中参数的简单实现

2016/06/07 Javascript

javascript 小数乘法结果错误的处理方法

2016/07/28 Javascript

动态JavaScript所造成一些你不知道的危害

2016/09/25 Javascript

微信小程序之picker日期和时间选择器

2017/02/09 Javascript

ES5学习教程之Array对象

2017/04/01 Javascript

js-FCC算法-No repeats please字符串的全排列(详解)

2017/05/02 Javascript

JavaScript TAB栏切换效果的示例

2020/11/05 Javascript

tf.truncated_normal与tf.random_normal的详细用法

2018/03/05 Python

caffe binaryproto 与 npy相互转换的实例讲解

2018/07/09 Python

Python框架Flask的基本数据库操作方法分析

2018/07/13 Python

Python中最好用的命令行参数解析工具(argparse)

2019/08/23 Python

猫途鹰英国网站：TripAdvisor英国（旅游社区和旅游评论）

2016/08/30 全球购物

美国复古街头服饰精品店：Need Supply Co.

2017/02/22 全球购物

NFL加拿大官方网上商店：NHLShop.ca

2019/03/12 全球购物

小学生自我评价范例

2013/09/24 职场文书

中学生学习生活的自我评价

2013/10/26 职场文书

客服工作职责

2013/12/11 职场文书

优秀共产党员先进事迹材料

2014/05/06 职场文书

处级干部反四风个人对照检查材料思想汇报

2014/09/27 职场文书

后进基层党组织整改方案

2014/10/25 职场文书

民主评议教师党员自我评价

2015/03/04 职场文书

PC版《死亡搁浅导剪版》现已发售展开全新的探险

2022/04/03 其他游戏