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程序设计有所帮助。
相关文章
JS解决移动web开发手机输入框弹出的问题
在移动web开发中和pc端不同的是,手机的输入是软键盘,这样就会有个问题,那就是当有输入的时候,键盘弹起来,整个页面难免会发生变化。怎么解决这个问题呢?下面脚本之家小编给大家分享JS解决移动web开发手机输入框弹出的问题
2017-03-03
小程序如何获取多个formId实现详解
这篇文章主要介绍了小程序如何获取多个formId实现详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-09-09
three.js中文文档学习之创建场景
这篇文章主要给大家介绍了three.js中文文档学习之创建场景的相关资料,文中通过示例代码介绍的非常详细,对大家学习或者使用three.js具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
2017-11-11
webpack的pitching loader详解
这篇文章主要介绍了webpack的pitching loader详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
2019-09-09
微信小程序中weui用法解析
这篇文章主要介绍了微信小程序中weui用法解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
2019-10-10
移动端网页开发调试神器Eruda的介绍与使用技巧
在日常的移动端开发时,一般都是试用chrome浏览器的移动端模式进行开发和调试,只有在chrome调试完成,而最近发现了一个新的调试方法,所以这篇文章主要给大家介绍了关于移动端网页开发调试神器Eruda的基本资料,以及其使用的一些技巧,需要的朋友可以参考下。
2017-10-10
JavaScript实现公告栏上下滚动效果
这篇文章主要为大家详细介绍了JavaScript实现公告栏上下滚动效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
2020-03-03
JS利用中介模式开发全局控制器
这篇文章主要为大家介绍了JS利用中介模式开发全局控制器图文示例详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
2023-09-09
echarts展示区域地图添加纹理图片操作指南
这篇文章主要给大家介绍了关于echarts展示区域地图添加纹理图片操作的相关资料,ECharts地图组件支持使用图片作为地图区域的填充纹理,文中通过代码介绍的非常详细,需要的朋友可以参考下
2023-12-12
最新评论