html⽂本框输⼊参数为整数,基于jQuery实现⽂本框只能输⼊数
字(⼩数、整数)
在实际应⽤中,⽂本框中有时候只能够允许输⼊整数,但是有时候可能更为"博爱"⼀点,可以允许输⼊浮点数,下⾯就通过实例代码介绍⼀下如何利⽤jquery实现⽂本框只能输⼊⼩数,代码如下:
脚本之家
$(function(){
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
}).bind("paste",function(){
$(this).val($(this).val().replace(/[^0-9.]/g,''));
})
});
以上代码实现了我们的要求,⽂本框中只能够输⼊整数或者浮点数,代码⽐较简单这⾥就不多介绍了。
下⾯给⼤家介绍如何利⽤jquery实现⽂本框只能够输⼊整数:
有时候可能需要规定⽂本框内容只能够输⼊整数,下⾯给出⼀段能够实现此功能的代码实例,供需要的朋友参考。
代码如下:
脚本之家
$(function(){
$(".NumText").keyup(function(){
$(this).val($(this).val().replace(/\D|^0/g,''));
}).bind("paste",function(){
$(this).val($(this).val().replace(/\D|^0/g,''));
})
});
以上代码实现了预期的要求,⽂本框中只能够输⼊整数,下⾯介绍⼀下它的实现过程。
代码注释:
1.$(function(){}),当⽂档结构完全加载完毕再去执⾏函数中的代码。
2.$(".NumText").keyup(function(){}),为⽂本框注册keyup事件处理函数。
3.$(this).val($(this).val().replace(/\D|^0/g,'')),通过replace()函数利⽤正则表达式,将⾮数字内容替换为空。
4.bind("paste",function(){$(this).val($(this).val().replace(/\D|^0/g,''));}),注册paste事件处理含糊,当然这⾥使⽤的是链式调⽤,它可以防⽌⽤户使⽤ctrl+v⽅式复制黏贴。
以上代码写的⽐较简单,部分难点给⼤家附有注释,相信对⼤家有所帮助。
>html怎样设置文本框输入输出
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论