`

用jquery实现的文本框只能输入数字

阅读更多
用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*/, '');
      }
  });
};
分享到:
评论

相关推荐

    jquery限定文本框只能输入数字(整数和小数)

    本文实例介绍了jquery限定文本框只能输入数字的详细代码,分享给大家供大家参考,具体内容如下 先来一段规定文本框只能够输入数字包括小数的jQuery代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta ...

    jquery插件,是文本框只能输入数字

    这个插件的标题"jquery插件,是文本框只能输入数字"表明我们正在讨论一个特定的jQuery扩展,它的功能是限制用户在文本框中只能输入数字。这种功能在各种场景下都很实用,例如在线表单、财务输入或任何需要精确数字...

    jQuery控制文本框只能输入数字和字母及使用方法

    ### jQuery限制文本框输入数字和字母的方法 1. **限制文本框只能输入数字** 通过jQuery的`$.fn.onlyNum`函数,我们可以实现对文本框输入内容的限制。这个函数通过监听`keypress`事件来拦截用户的输入。在`...

    jquery限定文本框只能输入数字即整数和小数

    如果已经有一个小数点,则只允许输入数字。 2. 仍然有`paste`事件的处理,禁止粘贴操作。 3. `keyup`事件处理器中,如果值的第一个字符是小数点,则清空该值,避免用户在开头输入小数点。 4. 最后,`blur`事件在...

    js 控制文本框只能输入数字 自己开发了一个jquery插件

    在JavaScript和jQuery的世界里,开发一个插件来控制文本框(input[type="text"])只能输入数字是一项常见的任务。这通常涉及到对用户输入的实时验证,以确保输入的数据符合预期的格式。以下是一个关于如何自己开发...

    基于jQuery实现文本框只能输入数字(小数、整数)

    在实际应用中,文本框中有时候只能够允许输入整数,但是有时候可能更为”博爱”一点,可以允许输入浮点数,下面就通过实例代码介绍一下如何利用jquery实现文本框只能输入小数,代码如下: &lt;!DOCTYPE html&gt; &lt;...

    3种Jquery限制文本框只能输入数字字母的方法

    总结来说,上述三种方法都是通过Jquery的事件处理函数来实现对文本框输入内容的限制,它们分别针对数字、字母以及数字和字母的组合输入提供了限制功能。这些方法非常实用,易于实现并且易于扩展,能够满足大多数表单...

    html文本框只能输入数字

    在本节中,我们将探讨如何实现“html文本框只能输入数字”的功能。 首先,我们可以使用HTML5引入的新属性`type="number"`来创建一个只允许输入数字的文本框。例如: ```html ``` 这里的`min`和`max`属性可以用来...

    jquery只能输入数字的文本框插件

    总结来说,“jquery只能输入数字的文本框插件”是一个提高表单数据输入准确性的工具,通过使用jQuery的插件机制,使得限制用户输入数字的操作变得简单而高效。它的实现涉及到JavaScript事件处理、字符串验证和用户...

    jquery 插件 文本框输入限制 汉字,字母

    本篇文章将深入探讨如何使用jQuery插件来实现文本框(input)的输入限制,仅允许用户输入汉字和字母。 首先,我们需要理解jQuery插件的基本结构。一个简单的jQuery插件通常包含一个函数,该函数接收jQuery对象作为...

    限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数

    标题 "限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数" 提供了一个编程需求,即如何在文本框(Text Box)中限制用户只能输入数字,包括整数和浮点数。在网页或应用程序的用户界面设计中,这样的...

    jQuery 文本文本框输入字符限制插件.

    "jQuery 文本文本框输入字符限制插件"是一个专门针对这种情况设计的解决方案,它模仿了 Twitter 的输入限制功能,为用户提供了一种友好的提示方式,避免了简单地阻止用户输入,而是以一种优雅的方式告知用户剩余可...

    jQuery+正则+文本框只能输入数字的实现方法

    在限制文本框输入数字的场景中,我们需要用到以下正则表达式: - `/\d/g`:匹配所有数字字符,`\d`是匹配数字字符的元字符,`g`是全局搜索标志。 - `/[^0-9]/g`或`/[^/d]/g`:匹配所有非数字字符,`[^0-9]`或`[^/d]...

    js限制文本框只能输入数字或字母的方式总结.pdf

    3. **只能输入数字和英文**: 使用`/[^\d|chun]/g`正则表达式移除非数字和非英文字符: ```html (/[^\d|chun]/g,'')"&gt; ``` 4. **小数点后最多两位,数字和中文可输入,不能输入字母和运算符号**: 检查输入...

Global site tag (gtag.js) - Google Analytics