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 相关文章推荐
XHTML-Strict 内允许出现的标签
Dec 11 Javascript
jquery鼠标停止移动事件
Dec 21 Javascript
jQuery实现鼠标点击弹出渐变层的方法
Jul 09 Javascript
jQuery调用WebMethod(PageMethod) NET2.0的方法
Apr 15 Javascript
JS中微信小程序自定义底部弹出框
Dec 22 Javascript
JavaScript 函数节流详解及方法总结
Feb 09 Javascript
详解Node.js实现301、302重定向服务
Apr 07 Javascript
Vue组件化通讯的实例代码
Jun 23 Javascript
使用vue-infinite-scroll实现无限滚动效果
Jun 22 Javascript
小程序点赞收藏功能的实现代码示例
Sep 07 Javascript
AJAX在JQuery中的应用详解
Jan 30 jQuery
Nuxt的动态路由和参数校验操作
Nov 09 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 文件类型判断代码
2009/03/13 PHP
写出高质量的PHP程序
2012/02/04 PHP
php获取本机真实IP地址实例代码
2016/03/31 PHP
yii2项目实战之restful api授权验证详解
2017/05/20 PHP
Thinkphp 在api开发中异常返回依然是html的解决方式
2019/10/16 PHP
Laravel 5.5 异常处理 &amp; 错误日志的解决
2019/10/17 PHP
JS图片根据鼠标滚动延时加载的实例代码
2013/07/13 Javascript
javascript:void(0)的作用示例介绍
2013/10/28 Javascript
jquery实现保存已选用户
2014/07/21 Javascript
JavaScript中的对象的extensible属性介绍
2014/12/30 Javascript
JavaScript的函数式编程基础指南
2016/03/19 Javascript
JS传值出现中文参数乱码的解决方法
2016/06/30 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
2018/02/06 Javascript
使用jQuery动态设置单选框的选中效果
2018/12/06 jQuery
JS实现吸顶特效
2020/01/08 Javascript
WEB前端性能优化的7大手段详解
2020/02/04 Javascript
vue+高德地图实现地图搜索及点击定位操作
2020/09/09 Javascript
[02:37]TI8勇士令状不朽珍藏II视频展示
2018/06/23 DOTA
用python实现批量重命名文件的代码
2012/05/25 Python
python编程开发之类型转换convert实例分析
2015/11/13 Python
浅析Python中的多条件排序实现
2016/06/07 Python
Python实现读取SQLServer数据并插入到MongoDB数据库的方法示例
2018/06/09 Python
python中退出多层循环的方法
2018/11/27 Python
python3+pyqt5+itchat微信定时发送消息的方法
2019/02/20 Python
8段用于数据清洗Python代码(小结)
2019/10/31 Python
django实现web接口 python3模拟Post请求方式
2019/11/19 Python
Python实现把多维数组展开成DataFrame
2019/11/30 Python
python重要函数eval多种用法解析
2020/01/14 Python
Opencv常见图像格式Data Type及代码实例
2020/11/02 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
HTML5、Select下拉框右边加图标的实现代码(增进用户体验)
2017/10/16 HTML / CSS
屈臣氏马来西亚官网:Watsons马来西亚
2019/06/15 全球购物
省三好学生申请材料
2014/01/22 职场文书
校长竞聘演讲稿
2014/05/16 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
virtualenv隔离Python环境的问题解析
2022/06/21 Python