`

小tips:jquery中允许文本框只输入数字

阅读更多
小tips:jquery中允许文本框只输入数字:


$(document).ready(function () {
  $("#txtDigit").keypress(function (e) {
      if (e.which != 8 && e.which != 0 && (e.which < 48 || e.which > 57)) {
       $("#spnmsg").html("Only Digit ").show().fadeOut("fast");
               return false;
    }
   });
});


 

HTML
 
<input type="text"  id="txtDigit" /> <span id="spnmsg"></span> 


css
 
#spnmsg { color: red; } 
1
2
分享到:
评论

相关推荐

    jquery判断元素内容是否为空的方法 原创

    jQuery验证文本框内容不为空 通过$.fn 扩展jQuery方法 /** * 校验文本是否为空 * tips:提示信息 * 使用方法:$("#id").validate("提示文本"); * @itmyhome */ $.fn.validate = function(tips){ if

    JQuery&CSS;&CSS;+DIV实例大全.rar

    2.jQuery字符插件之适合留言板的jquery文本框输入字符限制插件下载 3.jquery实现Tooltip提示(文字、链接、地图锚点),自带5种不同样式 4.jQuery实现支付宝隐藏层提示信息内容的功能 5.jquery实现鼠标划过网址...

    20款非常优秀的 jQuery 工具提示插件 推荐

    在Web设计中,工具提示(Tooltip)是一个虽小却至关重要的功能,它能够在用户进行某些操作时提供即时的帮助或信息提示。这些提示通常是小巧而简洁的文本框,当鼠标悬停在特定元素上时出现,并在鼠标离开后消失。使用...

    Jquery下的26个实用小技巧(jQuery tips, tricks &amp; solutions)

    为了深入理解JQuery在Web开发中的应用,下面是根据所提供的文件内容整理出的详细知识点: 1. 禁止右键点击 在JQuery中,可以通过绑定contextmenu事件并返回false来禁止用户右键点击页面,阻止默认的浏览器上下文...

    Jquery下的26个实用小技巧(jQuery tips, tricks solutions)

    比如有禁止右键点击、隐藏搜索文本框文字、在新窗口中打开链接、检测浏览器、预加载图片、页面样式切换、所有列等高、动态控制页面字体大小、获得鼠标指针的X值Y值、验证元素是否为空、替换元素、延迟加载、验证元素...

    50个jqery插件

    25. **jQuery AlphaNumeric**:限制表单字段中的字符类型,如字母和数字,保证输入格式的正确性。 #### 十二、表单事件(Form Elements) 26. **jQuery Combobox**:将现有的选择元素转化为个性化的HTML组合,提供更...

    Javascript实现一个简单的输入关键字添加标签效果实例

    1. **监听用户输入**:通过监听`input`元素的`keyup`事件,捕获用户在文本框中的输入。 2. **判断添加条件**:当用户按下空格键时,表示他们想要添加一个新的标签。我们可以通过检测`event.keyCode`是否等于`32`...

    JS实现移动端实时监听输入框变化的实例代码

    在JavaScript编程中,特别是在移动端应用开发中,监听输入框(input)的变化是非常常见的需求,例如在搜索框中实现模糊搜索或者在注册表单中验证手机号码。然而,传统的PC端事件,如focus、blur、hover、onkeyup等,...

    EasyUI官方文档(英文版)

    - **表单(Form)**:提供了各种输入控件,如文本框、下拉框、复选框和单选按钮,以及验证功能。 - **按钮(Button)**:包括普通按钮、链接按钮、工具栏按钮等,支持自定义图标和事件处理。 - **其他组件**:...

    jquery判断元素内容是否为空的方法 <font color=red>原创</font>

    在JavaScript和jQuery中,我们经常需要检查HTML元素的内容是否为空,以便进行相应的处理,比如在本例中的插入广告。以下是一些关于如何使用jQuery来判断元素内容是否为空的方法。 首先,对于`&lt;input&gt;`标签这样的...

Global site tag (gtag.js) - Google Analytics