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

Aptana调试javascript图解教程

Nov 30 Javascript

js获取当前路径的简单示例代码

Jan 08 Javascript

JavaScript对HTML DOM使用EventListener进行操作

Oct 21 Javascript

jQuery 移动端artEditor富文本编辑器

Jan 11 Javascript

TypeOf这些知识点你了解吗

Feb 21 Javascript

jquery插件Jplayer使用方法简析

Apr 22 Javascript

JavaScript基础知识点归纳(推荐)

Jul 09 Javascript

ES6使用let命令更简单的实现块级作用域实例分析

Mar 31 Javascript

Vue数据双向绑定原理及简单实现方法

May 18 Javascript

Vue2 监听属性改变watch的实例代码

Aug 27 Javascript

微信小程序JS加载esmap地图的实例详解

Sep 04 Javascript

JS Web Flex弹性盒子模型代码实例

Mar 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生成随机密码自定义函数代码（简单快速）

2014/05/10 PHP

神盾加密解密教程（三）PHP 神盾解密工具

2014/06/08 PHP

PHP实现Snowflake生成分布式唯一ID的方法示例

2020/08/30 PHP

基于Jquery的仿照flash放大图片效果代码

2011/03/16 Javascript

异步动态加载js与css文件的js代码

2013/09/15 Javascript

jquery弹窗插件colorbox绑定动态生成元素的方法

2014/06/20 Javascript

js中匿名函数的创建与调用方法分析

2014/12/19 Javascript

Javascript基于AJAX回调函数传递参数实例分析

2015/12/15 Javascript

原生js三级联动的简单实现代码

2016/06/07 Javascript

JavaScript遍历Json串浏览器输出的结果不统一问题

2016/11/03 Javascript

解析微信JS-SDK配置授权，实现分享接口

2016/12/09 Javascript

js闭包用法实例详解

2016/12/13 Javascript

JS实现HTML标签转义及反转义

2020/04/14 Javascript

JQ中$(window).load和$(document).ready区别与执行顺序

2017/03/01 Javascript

JS对象深度克隆实例分析

2017/03/16 Javascript

你应该知道的几类npm依赖包管理详解

2017/10/06 Javascript

Vue-input框checkbox强制刷新问题

2019/04/18 Javascript

python实现的简单RPG游戏流程实例

2015/06/28 Python

python实现文件快照加密保护的方法

2015/06/30 Python

Django中模版的子目录与include标签的使用方法

2015/07/16 Python

python实现简单加密解密机制

2019/03/19 Python

Django之form组件自动校验数据实现

2020/01/14 Python

基于Pytorch SSD模型分析

2020/02/18 Python

Python3如何在服务器打印资产信息

2020/08/27 Python

Django用内置方法实现简单搜索功能的方法

2020/12/18 Python

html5简介_动力节点Java学院整理

2017/07/07 HTML / CSS

100％植物性、有机、即食餐：Sakara Life

2018/10/25 全球购物

外贸主管求职简历的自我评价

2013/10/23 职场文书

给导游的表扬信

2014/01/10 职场文书

2014年图书室工作总结

2014/12/09 职场文书

车间统计员岗位职责

2015/04/14 职场文书

《莫泊桑拜师》教学反思

2016/02/22 职场文书

创业计划书之暑假培训班

2019/11/09 职场文书

golang 实现Location跳转方式

2021/05/02 Golang

Redis实战高并发之扣减库存项目

2022/04/14 Redis

二维码条形码生成的JavaScript脚本库

2022/07/07 Javascript