JQuery只允许输入数字(示例代码)

发布时间:2020-11-28编辑:脚本学堂
分享一例jquery只允许输入数字的代码,很简单,用来学习jquery验证文本框输入很不错,感兴趣的朋友参考下。

例子,用jquery代码验证数字输入,只允许在文本框中输入数字。

代码:
 

复制代码 代码示例:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>只允许输入数字_www.jb200.com</title>
<script src="jquery-1.4.2.js" type="text/javascript"></script>
<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*/, '');
//this.value = this.value; //判断是电话号码时首字0上种写法被替换了,固写此种
}
});
};
</script>
</head>

<body>
<form id="form1">
<input type="text" id="txt1">
<input type="text" id="Text2">
</form>
<script type="text/javascript">
//jquery只能输入数字 验证代码
$("#txt1").numeral();
</script>
</body>
</html>