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

JavaScript DOM学习第八章表单错误提示

Feb 19 Javascript

jQuery动态添加删除select项(实现代码)

Sep 03 Javascript

js控制input框只读实现示例

Jan 20 Javascript

javascript实现全角与半角字符的转换

Jan 07 Javascript

jQuery实现带延迟的二级tab切换下拉列表效果

Sep 01 Javascript

Javascript 5种方法实现过滤删除前后所有空格

Jun 22 Javascript

vue2项目使用sass的示例代码

Jun 28 Javascript

微信小程序使用template标签实现五星评分功能

Nov 03 Javascript

js实现多个倒计时并行 js拼团倒计时

Feb 25 Javascript

在Vue环境下利用worker运行interval计时器的步骤

Aug 01 Javascript

JavaScript canvas绘制渐变颜色的矩形

Feb 18 Javascript

Vue+scss白天和夜间模式切换功能的实现方法

Jan 05 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

叶罗丽：为什么大家对颜冰这对CP非常关心，却对金茉两人十分冷漠

2020/03/17 国漫

在Laravel框架里实现发送邮件实例(邮箱验证)

2016/05/20 PHP

微信自定义分享php代码分析

2016/11/24 PHP

PHP _construct()函数讲解

2019/02/03 PHP

一个用javascript写的select支持上下键、首字母筛选以及回车取值的功能

2009/09/09 Javascript

javascript算法学习(直接插入排序)

2011/04/12 Javascript

jquery操作select详解(取值,设置选中)

2014/02/07 Javascript

JavaScript实现在数组中查找不同顺序排列的字符串

2014/09/26 Javascript

Jquery1.9.1源码分析系列（六）延时对象应用之jQuery.ready

2015/11/24 Javascript

jQuery实现简单的图片查看器

2020/09/11 Javascript

浅析js的模块化编写 require.js

2016/12/07 Javascript

AngularJS路由切换实现方法分析

2017/03/17 Javascript

详解如何在NodeJS项目中优雅的使用ES6

2017/04/22 NodeJs

JavaScript瀑布流布局实现代码

2017/05/06 Javascript

详解TypeScript+Vue 插件 vue-class-component的使用总结

2019/02/18 Javascript

koa2服务端使用jwt进行鉴权及路由权限分发的流程分析

2019/07/22 Javascript

[01:12]DOTA2次级职业联赛 - Newbee.Y 战队宣传片

2014/12/01 DOTA

[04:52]2015国际邀请赛LGD战队晋级之路

2015/08/14 DOTA

Python实现的读写json文件功能示例

2018/06/05 Python

在cmder下安装ipython以及环境的搭建

2018/10/19 Python

pyqt5实现俄罗斯方块游戏

2019/01/11 Python

python查看文件大小和文件夹内容的方法

2019/07/08 Python

TensorFLow 数学运算的示例代码

2020/04/21 Python

移动端HTML5开发神器之vconsole详解

2020/12/15 HTML / CSS

运动鞋、足球鞋和慕尼黑球衣：Sport Münzinger

2019/08/26 全球购物

瑞典多品牌连锁店：Johnells

2021/01/13 全球购物

工业自动化毕业生自荐信范文

2014/01/04 职场文书

技校个人求职信范文

2014/01/25 职场文书

应用英语专业自荐信

2014/01/26 职场文书

2014年小班元旦活动方案

2014/02/16 职场文书

金融系应届毕业生求职信

2014/05/26 职场文书

公安机关纪律作风整顿剖析

2014/10/10 职场文书

2015年医院科室工作总结范文

2015/05/26 职场文书

五年级作文之劳动作文

2019/11/12 职场文书

深入浅析React中diff算法

2021/05/19 Javascript

vue项目配置sass及引入外部scss文件

2022/04/14 Vue.js