Jquery实现只能输入数字的文本框
2010-12-16 17:13
435 查看
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<script type="text/javascript">
$.fn.numeral = function() {
$(this).css("ime-mode", "disabled");
this.bind("keypress",function() {
if (event.keyCode == 46) {
if (this.value.indexOf(".") != -1) {
return false;
}
} else {
return event.keyCode >= 46 && event.keyCode <= 57;
}
});
this.bind("blur", function() {
if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
this.value = this.value.substr(0, this.value.length - 1);
} else if (isNaN(this.value)) {
this.value = "";
}
});
this.bind("paste", function() {
var s = clipboardData.getData('text');
if (!//D/.test(s));
value = s.replace(/^0*/, '');
return false;
});
this.bind("dragenter", function() {
return false;
});
this.bind("keyup", function() {
if (/(^0+)/.test(this.value)) {
this.value = this.value.replace(/^0*/, '');
}
});
};
</script>
<body>
<input type="text" id="txt1">
<input type="text" id="Text2">
</body>
<script type="text/javascript">
$("#txt1").numeral();
</script>
</html>
<html>
<head>
<title>Untitled Document</title>
<script type="text/javascript" src="jquery-1.3.2.min.js"></script>
</head>
<script type="text/javascript">
$.fn.numeral = function() {
$(this).css("ime-mode", "disabled");
this.bind("keypress",function() {
if (event.keyCode == 46) {
if (this.value.indexOf(".") != -1) {
return false;
}
} else {
return event.keyCode >= 46 && event.keyCode <= 57;
}
});
this.bind("blur", function() {
if (this.value.lastIndexOf(".") == (this.value.length - 1)) {
this.value = this.value.substr(0, this.value.length - 1);
} else if (isNaN(this.value)) {
this.value = "";
}
});
this.bind("paste", function() {
var s = clipboardData.getData('text');
if (!//D/.test(s));
value = s.replace(/^0*/, '');
return false;
});
this.bind("dragenter", function() {
return false;
});
this.bind("keyup", function() {
if (/(^0+)/.test(this.value)) {
this.value = this.value.replace(/^0*/, '');
}
});
};
</script>
<body>
<input type="text" id="txt1">
<input type="text" id="Text2">
</body>
<script type="text/javascript">
$("#txt1").numeral();
</script>
</html>
相关文章推荐
- 基于jquery的设置页面文本框 只能输入数字的实现代码
- 基于jQuery实现文本框只能输入数字(小数、整数)
- Jquery实现只能输入数字的文本框
- JQuery 实现文本框只能输入数字
- jquery实现文本框只能输入数字
- 基于jquery的设置页面文本框 只能输入数字的实现代码
- jquery实现文本框只能输入数字
- Jquery实现只能输入数字的文本框
- jquery教程限制文本框只能输入数字和小数点示例分享
- 基于jQuery实现文本框只能输入数字(小数、整数)
- jQuery控制文本框只能输入数字和字母及使用方法
- jquery正则表达式显示文本框输入范围 只能输入数字、小数、汉字、英文字母的方法
- jquery中当text文本框为空时,button按钮是disabled状态,否则为enable状态且输入框只能输入数字。
- jquery实现文本框输入字母或数字
- C#中实现文本框只能输入数字
- jquery教程限制文本框只能输入数字和小数点示例分享
- 文本框中只能输入数字 的限制 实现
- jquery限定文本框只能输入数字(整数和小数)
- jquery中当text文本框为空时,button按钮是disabled状态,否则为enable状态且输入框只能输入数字。并用alert显示第一个数字
- 用javascript实现文本框中只能输入数字