javascript限制文本框输入值类型的方法
更新时间：2015年05月07日 09:12:18 投稿：shichen2014
这篇文章主要介绍了javascript限制文本框输入值类型的方法,涉及javascript鼠标事件、键盘按键及字符串的相关操作技巧,非常具有实用价值,需要的朋友可以参考下
本文实例讲述了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实现下拉菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
这篇文章主要介绍了webpack中的publicpath,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-01-01
详细聊聊TypeScript中any unknown never和void的区别
这篇文章主要给大家聊聊TypeScript 中 any、unknown、never 和 void 有什么区别，文中有详细的代码实例讲解，具有一定的参考价值,需要的朋友可以参考下2023-07-07
这篇文章主要介绍了微信禁止下拉查看URL的处理方法,需要的朋友可以参考下2017-09-09
javascript检测浏览器精简版，需要的朋友可以参考下。2010-03-03
如何获取select下拉框的值(option没有及有value属性)
获取select下拉框的值分为option没有value属性及有value属性时的两种情况，下面分别给出具体的实现代码，需要的朋友可以参考下2013-11-11
返回上一页并刷新在此功能有利于用户的体验,是每一个web开发人员所必备的一项，长话短说，今天介绍实现此功能的一个方法，需要了解的朋友可以参考下2012-12-12
这篇文章主要介绍了JavaScript实现DIV层拖动及动态增加新层的方法,设计javascript操作div层的拖动与增加的相关技巧,需要的朋友可以参考下2015-05-05
本文主要介绍在uniapp中页面与webview组件内页面的双向通信问题,本文通过图文实例代码相结合给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧2024-07-07
这篇文章主要介绍了深入JS继承，对继承感兴趣的同学，可以参考下2021-05-05
最新评论