jQuery控制输入框只能输入数值的小例子
jQuery控制输入框只能输入数值的小例子
发布时间:2016-12-30 来源:查字典编辑
摘要:复制代码代码如下:Test$(document).ready(function(){//敲击按键时触发$("#Score").bind("k...

复制代码 代码如下:

<!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>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类