jquery实现的限制文本框只能够输入大于0整数
本章节介绍一下如何限制文本框内只能够输入数字。
代码非常的简单,知道了实现原理就可以随意改造了,感兴趣的朋友可以做一下参考。
代码实例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("#txt").keyup(function(){
$(this).val($(this).val().replace(/D|^0/g,''));
}).bind("paste",function(){
return false;
})
});
</script>
</head>
<body>
<input id="txt" type="text"/>
</body>
</html>
上面的代码实现了我们的要求,下面介绍一下它的实现过程。
一.代码注释:
(1).$(document).ready(function(){}),当文档结构完全加载完毕再去执行函数中的代码。
(2).$("#txt").keyup(function(){
$(this).val($(this).val().replace(/D|^0/g,''));
})为元素注册keyup事件处理函数,次事件处理函数会将文本框的非数字内容清空。
(3).bind("paste",function(){
return false;
})为元素注册paste事件处理函数,禁止右键粘贴效果。
二.
(1).keyup事件可以参阅jQuery keyup 事件一章节。
(2).val()方法可以参阅jQuery val()一章节。
(3).replace()方法可以参阅正则表达式replace()一章节。
(4).paste事件可以参阅jquery paste事件一章节。
(5).return false可以参阅javascript return false的作用是什么一章节。
相关推荐
-
jQuery 动画效果代码实例
本章节分享一段代码实例,它使用jqury实现了简单的动画效果。代码非常的简单,比较适合初学者参考学习之用。代码实例如下: chrs
-
jQuery实现的生成随机密码代码实例简单介绍
本章节介绍一下如何使用jQury实现生成随机密码的效果。有需要的朋友可以做一下参考,代码实例如下:
-
jquery为动态添加元素注册事件处理函数
可能不少朋友遇到这样的需要,那就是为动态新增的元素自动注册事件处理函数。下面就介绍一下如何实现此功能,代码实例如下:一.HTML代码:div id=tstdiv ul/ul/di
-
拖动滚动条实现网页内容自动加载代码实例
本章节分享一段代码实例,它实现了向下拖动滚动条,能够自动加载网页内容的功能。这种效果在很多网站都有应用,当然它们加载的内容都是从数据库读取的,下面的演示自然不能从数据库读取内容,不过原理大致如此,实际
-
js解析xml文件简单代码实例
下面分享两个代码片段,它们都实现了对XML文件的解析效果。(1).原生jvscrit:vr xmlDoc = rqust.rsonsXML;try // Build Mrkrs,