js实现文本框只允许输入数字并限制数字大小的方法
本文实例讲述了js实现文本框只允许输入数字并限制数字大小的方法。分享给大家供大家参考。具体如下：
这是一个很个性的输入框特效，规定文本框只允许输入数字，如果你执意要输入其它的字符，则输入的字符将自动消失，除非你输入的是规定内的字符格式，并且对输入数字大小也有限制！为保证兼容性，请使用火狐浏览器。
运行效果截图如下：
在线演示地址如下：
http://demo.jb51.net/js/2015/js-input-limit-num-codes/
具体代码如下：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="X-UA-Compatible" content="IE=7" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>首页</title> <style type="text/css"> html,body{margin:0; padding:20px;} </style> </head> <body> <input type="text" id="input" /> <script type="text/javascript"> var text = document.getElementById("input"); text.onkeyup = function(){ this.value=this.value.replace(/\D/g,''); if(text.value>100){ text.value = 100; } } </script> </body> </html>
希望本文所述对大家的javascript程序设计有所帮助。
-
本文向大家介绍js限制文本框只能输入数字方法小结，包括了js限制文本框只能输入数字方法小结的使用技巧和注意事项，需要的朋友参考一下 有时需要限制文本框输入内容的类型，本节分享下正则表达式限制文本框只能输入数字、小数点、英文字母、汉字等代码。 例如，输入大于0的正整数 <input onkeyup="if(this.value.length==1){this.value=this.value.rep
-
问题内容： 如何将输入限制为文本框，使其仅接受数字和小数点？ 问题答案： 这确实有效！
-
本文向大家介绍JS限制文本框只能输入数字和字母方法，包括了JS限制文本框只能输入数字和字母方法的使用技巧和注意事项，需要的朋友参考一下 限制只能输入数字 限制只能输入字母 限制只能输入数字和字母
-
本文向大家介绍jQuery实现只允许输入数字和小数点的方法，包括了jQuery实现只允许输入数字和小数点的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了jQuery实现只允许输入数字和小数点的方法。分享给大家供大家参考，具体如下： 更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》
-
本文向大家介绍js限制文本框只能输入整数或者带小数点的数字，包括了js限制文本框只能输入整数或者带小数点的数字的使用技巧和注意事项，需要的朋友参考一下 做表单验证的时候是否会碰到验证某个输入框内只能填写数字呢，仅允许输入整数数字或者带小数点的数字。下面这段代码也许能帮到你！通过对当前输入框定义onkeypress，onkeyup，onblur事件对表单做了充分的验证，结果还是非常靠谱的。 下面对o
-
如何在APP实现input输入框禁止输入空格，只允许输入大小字母、数字、汉字？ 方法1：运用oninput="value=value.replace(/[^a-zA-Z0-9\u4E00-\u9FA5]/g, '')"，在ios端用原生自带键盘会出现输入文字时自动带入拼音并且叠加 方法2：@compositionstart和@compositionend、@input监听还是可以输入空格，具体代码