编程 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和注册表脚本实现右键收藏Web页选中文本

Jan 28 Javascript

javascript各种复制代码收集

Sep 20 Javascript

锋利的jQuery 第三章章节总结的例子

Mar 23 Javascript

改写一个简单的菜单弹性大小

Dec 02 Javascript

js判断生效时间不得大于失效时间的思路及代码

Apr 23 Javascript

js过滤特殊字符输入适合输入、粘贴、拖拽多种情况

Mar 22 Javascript

js动态修改表格行colspan列跨度的方法

Mar 30 Javascript

JS JSOP跨域请求实例详解

Jul 04 Javascript

js中获取jsp表单中radio类型的值简单实例

Aug 15 Javascript

利用NPM淘宝的node.js镜像加速nvm

Mar 27 Javascript

js轮播图的插件化封装详解

Jul 17 Javascript

仿ElementUI实现一个Form表单的实现代码

Apr 23 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