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提供了一些内置的日期和时间函数，有助于从日期（出生日期）开始计算年龄。本文主要介绍了使用这些JavaScript方法，制作一个简单的年龄计算器，快来跟随小编一起学习学习吧2021-12-12
序列化是将对象状态转换为可保持或可传输的格式的过程。与序列化相对的是反序列化，它将流转换为对象。这两个过程结合起来，可以轻松地存储和传输数据2013-07-07
ECharts 是一个由百度开源的强大、灵活的 JavaScript 图表库,用于在 Web 页面上创建各种类型的数据可视化图表,它具有丰富的图表类型、强大的配置选项和良好的跨平台兼容性,本文介绍了如何使用ECharts进行数据可视化,需要的朋友可以参考下2024-08-08
这篇文章主要为大家详细介绍了原生JavaScript实现幻灯片效果，文中安装步骤介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-02-02
本篇文章主要是对jquery对单选框,多选框,文本框等常见操作进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
js中判断数字\字母\中文的正则表达式，需要的朋友可以参考下2012-06-06
这篇文章主要介绍了微信小程序自定义toast组件的方法,结合实例形式详细分析了微信小程序自定义toast组件的步骤、实现方法及相关操作技巧,需要的朋友可以参考下2019-05-05
这篇文章主要介绍了浅谈JS中var,let和const的区别,let和const是ES6新增的关键字,详细的内容介绍，具有一定的参考价值，需要的朋友可以参考一下2022-07-07
这篇文章主要介绍了Javascript小括号“()”的多义性。需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件
这篇文章主要介绍了创建基于Bootstrap的下拉菜单的DropDownList的JQuery插件 的相关资料,需要的朋友可以参考下2016-06-06
最新评论