jQuery控制输入框只能输入数值的小例子
更新时间：2013年03月20日 11:42:07 作者：
jQuery控制输入框只能输入数值的小例子，需要的朋友可以参考一下
复制代码 代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Test</title>
<script type="text/javascript" src="jQuery/jquery-1.5.2.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function() {
//敲击按键时触发
$("#Score").bind("keypress", function(event) {
var getValue = $(this).val();
//控制第一个不能输入小数点"."
if (getValue.length == 0 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能输入一个小数点"."
if (getValue.indexOf('.') != -1 && event.which == 46) {
event.preventDefault();
return;
}
//控制只能输入的值
if (event.which && (event.which < 48 || event.which > 57) && event.which != 8 && event.which != 46) {
event.preventDefault();
return;
}
})
//失去焦点是触发
$("#Score").bind("blur", function(event) {
var value = $(this).val(), reg = /\.$/;
if (reg.test(value)) {
value = value.replace(reg, "");
$(this).val(value);
}
})
});
</script>
<body>
<input type="text" id="Score" />
</body>
</html>
相关文章
jQuery实现浏览器之间跳转并传递参数功能【支持中文字符】
这篇文章主要介绍了jQuery实现浏览器之间跳转并传递参数功能,具有支持中文字符传输的功能,涉及jQuery编码转换、事件响应、页面跳转等相关操作技巧,需要的朋友可以参考下2018-03-03
用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码来实现提示与用户的输出，使用jquery在一个INPUT框中即可实现2014-01-01
这篇文章主要介绍了jQuery实现遍历XML节点和属性的方法,涉及jQuery针对xml文件的加载、节点遍历等相关操作技巧,需要的朋友可以参考下2018-04-04
本文用代码的方式详细讲解了jQuery的DOM操作,具体操作方法请详细参看代码中的注释部份2014-03-03
如果您想继续使用原先的$()，同时还需要与别的类库不冲突的话，下面由两种方法，有类似需求的朋友可以参考下，希望对大家有所帮助2013-09-09
下面小编就为大家带来一篇深入理解jQuery中的事件冒泡。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了jquery实现可拖拽弹出层特效,代码非常精简，效果非常棒，这里推荐给有需要的小伙伴2015-01-01
Jquery attr("checked") 返回checked或undefined 获取选中失效
$('#cb').attr('checked'); 返回的是checked或者是undefined，不是原来的true和false了，有关此问题的解决方法如下，感兴趣的朋友可以参考下2013-10-10
本文将介绍基于jquery库的tab新形式使用,需要的朋友可以参考下2012-11-11
select的美化在之前的文章中也有介绍过，在本文将为大家介绍下使用css配合jquery美化select，感兴趣的朋友可以参考下2013-11-11
最新评论