- 浏览: 60260 次
- 性别:
- 来自: 江西
文章分类
最新评论
用jquery实现的文本框只能输入数字简单插件
$.fn.numeral = function() { $(this).css("ime-mode", "disabled"); this.bind("keypress",function(e) { var e = e||event; var currKey = e.keyCode||e.which||e.charCode; if (currKey == 46) { if (this.value.indexOf(".") != -1) { return false; } }else { return currKey >= 46 && currKey <= 57 || currKey == 8; } }); this.bind("blur", function() { if (this.value.lastIndexOf(".") == (this.value.length - 1)) { this.value = this.value.substr(0, this.value.length - 1); } else if (isNaN(this.value)) { this.value = "0"; } }); this.bind("paste", function() { var s = clipboardData.getData('text'); if (!/\D/.test(s)); value = s.replace(/^0*/, ''); return false; }); this.bind("dragenter", function() { return false; }); this.bind("keyup", function() { if (/(^0+)/.test(this.value)) { this.value = this.value.replace(/^0*/, ''); } }); };
发表评论
-
粒子喷泉
2011-07-18 17:43 860注:来自http://daimaren.cn/blog/?p= ... -
jquery validate addMethod
2011-06-20 15:18 1535只能输入m-n个字符且至少有一个字母和一个数字 jQuer ... -
4个跨浏览器必备的函数
2011-05-26 13:58 736http://www.cssbaby.com/archives ... -
闭包理解
2011-04-28 11:51 811直接看到代码 var list = document.ge ... -
JS/DOM/Ajax/Framework(Jquery/Yui/Mootools/EXT)
2011-03-28 10:09 1054gotop效果 <script> var B ... -
jQuery 封装function
2011-03-25 16:37 1919// JavaScript Document (func ... -
利用浏览器默认方法获取浏览器当前位置
2011-03-19 13:53 1028支持浏览器 IE FIREFOX SAFARI CHROME ... -
关于用jQuery实现效果
2011-03-19 09:37 7891、效果1:关于新闻信息文字上下切换 <div i ... -
jquery实现键盘上下键、return键选折li
2011-03-16 11:42 6590注释:code来源javaeye 使用前要引入jquery库 ... -
随滚动条移动的层
2011-02-15 09:51 804<!DOCTYPE html PUBLIC &quo ... -
yui的学习脚印
2011-01-30 22:37 958<!DOCTYPE html PUBLIC &quo ... -
vim 使用
2011-01-21 17:08 681vim命令 vi和vim是linux和u ... -
js左右滚动效果
2011-01-21 14:49 1830<!DOCTYPE html PUBLIC &quo ... -
javascript基础知识
2011-01-19 09:45 729注释:来自http://www.csssea.com/?p=7 ... -
Javascript浏览器兼容问题
2011-01-14 00:13 1019Javascript浏览器兼容 1.doc ... -
一个简单的javascript tab选项卡
2011-01-13 20:51 1088<!DOCTYPE html PUBLIC &quo ... -
常用的正则表达式
2011-01-10 13:47 652/** *postal codes regular ... -
一些比较实用的javascript方法
2011-01-10 13:25 906动态加载javascript文件 <script t ... -
javacript实现根据选择不同国家选择显示不同的省/州
2010-12-29 01:13 1450/** * @author wangxiang * ... -
javascript方法(Methods)
2010-12-28 23:49 9661、Array array.concat(item..) co ...
相关推荐
本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: <!DOCTYPE html> <html> <head> <meta ...
这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...
### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数,我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...
如果已经有一个小数点,则只允许输入数字。 2. 仍然有`paste`事件的处理,禁止粘贴操作。 3. `keyup`事件处理器中,如果值的第一个字符是小数点,则清空该值,避免用户在开头输入小数点。 4. 最后,`blur`事件在...
在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...
在实际应用中,文本框中有时候只能够允许输入整数,但是有时候可能更为”博爱”一点,可以允许输入浮点数,下面就通过实例代码介绍一下如何利用jquery实现文本框只能输入小数,代码如下: <!DOCTYPE html> <...
总结来说,上述三种方法都是通过Jquery的事件处理函数来实现对文本框输入内容的限制,它们分别针对数字、字母以及数字和字母的组合输入提供了限制功能。这些方法非常实用,易于实现并且易于扩展,能够满足大多数表单...
在本节中,我们将探讨如何实现“html文本框只能输入数字”的功能。 首先,我们可以使用HTML5引入的新属性`type="number"`来创建一个只允许输入数字的文本框。例如: ```html ``` 这里的`min`和`max`属性可以用来...
总结来说,“jquery只能输入数字的文本框插件”是一个提高表单数据输入准确性的工具,通过使用jQuery的插件机制,使得限制用户输入数字的操作变得简单而高效。它的实现涉及到JavaScript事件处理、字符串验证和用户...
本篇文章将深入探讨如何使用jQuery插件来实现文本框(input)的输入限制,仅允许用户输入汉字和字母。 首先,我们需要理解jQuery插件的基本结构。一个简单的jQuery插件通常包含一个函数,该函数接收jQuery对象作为...
标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...
"jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...
在限制文本框输入数字的场景中,我们需要用到以下正则表达式: - `/\d/g`:匹配所有数字字符,`\d`是匹配数字字符的元字符,`g`是全局搜索标志。 - `/[^0-9]/g`或`/[^/d]/g`:匹配所有非数字字符,`[^0-9]`或`[^/d]...
3. **只能输入数字和英文**: 使用`/[^\d|chun]/g`正则表达式移除非数字和非英文字符: ```html (/[^\d|chun]/g,'')"> ``` 4. **小数点后最多两位,数字和中文可输入,不能输入字母和运算符号**: 检查输入...