jQuery 文本框中只能输入正整数
文本框的输入的内容可能会有各种限制,比如文本框中只能够输入正整数。
下面就是一段能够实现此功能的代码实例,需要的可以做一下参考。
代码实例:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="author" content="/jquery/1.9.0/jquery.js"></script>
<script>
$(document).ready(function(){
$("input").keyup(function(){
$(this).val($(this).val().replace(/D|^0/g,''));
}).bind("paste",function(){
return false;
})
});
</script>
</head>
<body>
<input type="text"/>
</body>
</html>
上面的代码实现了我们的要求,下面介绍一下它的实现过程。
一.代码注释:
(1).$(document).ready(function(){}),当文档结构完全加载完毕再去执行函数中的代码。
(2).$("input").keyup(function(){}),为input元素注册keyup事件处理函数。
(3).$(this).val($(this).val().replace(/D|^0/g,''));,将非数字或者以0为开头的替换为空。
(4).bind("paste",function(){
return false;
}),为文本框注册paste事件处理函数,这个是为了防止对文本框复制黏贴操作。
二.相关阅读:
(1).keyup 事件参阅jQuery keyup一章节。
(2).val() 参阅jQuery val()一章节。
(3).replace() 参阅正则表达式replace()一章节。
(4).bind() 参阅jquery的on()、bind()、live()和delegate()一章节。
(5).paste 事件参阅onpaste事件用法简单介绍一章节。
上一篇:设置div元素渐隐效果代码实例
相关推荐
-
设置div元素渐隐效果代码实例
以动画平滑的动画方式实现元素的隐藏效果,比瞬间隐藏的方式更为人性化。下面就是一段使用jQury实现的此效果,代码如下: chrst
-
css多重边框代码实例
分享一段代码实例,它实现了多重边框效果。代码实例如下r cont
-
css半透明边框代码实例
分享一段代码实例,它实现了边框透明效果。代码实例如下r cont
-
js文本横向无缝滚动代码实例
文本无缝滚动是比较常见的应用,比如公司的新闻公告等等场景,实现此效果的方式有多种,下面简单介绍一下其中的一种,希望能够给需要的朋友带来帮助,代码实例如下: h
-
js点击div实现闪烁效果代码实例
此代码实例并没有多大的实际应用效果,但是可以从中获取一些相关知识或者启发。本章节就对此代码实例做一下详细注解,代码如下: chrst