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>
<script src="jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
//示例代码：
//只允许输入数字与.:<input type="text" name="test" id="test" onkeydown="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />
//只允许输入数字 :<input type="text" name="test2" id="test2" onkeydown="checkKeyForNum(this.value,event)" style="ime-mode: disabled" />
//只允许输入数字与小数点
function checkKeyForFloat(value, e) {
var isOK = false;
var key = window.event ? e.keyCode : e.which;
if ((key > 95 && key < 106) || //小键盘上的0到9
(key > 47 && key < 60) || //大键盘上的0到9
(key == 110 && value.indexOf(".") < 0) || //小键盘上的.而且以前没有输入.
(key == 190 && value.indexOf(".") < 0) || //大键盘上的.而且以前没有输入.
key == 8 || key == 9 || key == 46 || key == 37 || key == 39 //不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)
) {
isOK = true;
} else {
if (window.event) //IE
{
e.returnValue = false; //event.returnValue=false 效果相同.
}
else //Firefox
{
e.preventDefault();
}
}
return isOK;
}
//只允许输入数字
function checkKeyForInt(value, e) {
var isOK = false;
var key = window.event ? e.keyCode : e.which;
if ((key > 95 && key < 106) || //小键盘上的0到9
(key > 47 && key < 60) || //大键盘上的0到9
key == 8 || key == 9 || key == 46 || key == 37 || key == 39 //不影响正常编辑键的使用(8:BackSpace;9:Tab;46:Delete;37:Left;39:Right)
) {
isOK = true;
} else {
if (window.event) //IE
{
e.returnValue = false; //event.returnValue=false 效果相同.
}
else //Firefox
{
e.preventDefault();
}
}
return isOK;
}
//设置有自定义属性 dtype 的文本框 允许输入的范围
function setDType() {
$(":text[dtype]").each(function () {
var dtype = $(this).attr("dtype");
var isOK = true;
switch (dtype) {
case "number":
$(this).css("ime-mode", "disabled").keydown(function (event) {
isOK = checkKeyForFloat($(this).val(), event);
if (!isOK) {
//$(this).SuperFocus("", 500);
}
return isOK;
});
break;
default:
break;
}
});
}
</script>
<script type="text/javascript">
$(function () {
setDType();
});
</script>
</head>
<body>
年龄: <input type="text" maxlength="3" onkeydown="checkKeyForInt(this.value,event)" style="ime-mode: disabled"/><br />
身高：<input type="text" maxlength="5" dtype="number" />
</body>
</html>
更多关于jQuery相关内容感兴趣的读者可查看本站专题：《jQuery拖拽特效与技巧总结》、《jQuery扩展技巧总结》、《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》、《jquery选择器用法总结》及《jQuery常用插件及用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
-
问题内容： 我是angularjs的新手。我想知道什么是只允许在文本框中键入有效数字的方法。例如，用户可以键入“ 1.25”，但不能键入“ 1.a”或“ 1 ..”。当用户尝试输入下一个将使它成为无效数字的字符时，他将无法输入。 提前致谢。 问题答案： 您可以尝试使用此指令来阻止将任何无效字符输入到输入字段中。（ 更新 ：这依赖于对模型具有明确知识的指令，这对于可重用性而言并不理想，请参见下面的可
-
本文向大家介绍js实现文本框只允许输入数字并限制数字大小的方法，包括了js实现文本框只允许输入数字并限制数字大小的方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了js实现文本框只允许输入数字并限制数字大小的方法。分享给大家供大家参考。具体如下： 这是一个很个性的输入框特效，规定文本框只允许输入数字，如果你执意要输入其它的字符，则输入的字符将自动消失，除非你输入的是规定内的字符格式，并且
-
本文向大家介绍JS验证 只能输入小数点,数字,负数的实现方法，包括了JS验证 只能输入小数点,数字,负数的实现方法的使用技巧和注意事项，需要的朋友参考一下 如下所示： 以上就是小编为大家带来的JS验证 只能输入小数点,数字,负数的实现方法全部内容了，希望大家多多支持呐喊教程~
-
\这是JTextField的创建： 这是我的DocumentFilter： 这会自动从JTextField中删除所有字母和字符。 然而，我想知道是否有人知道有一个地方的所有命令都类似于“\D”。我花了一段时间才找到正确的信息。 另外，我现在的代码也可以防止。当我和替身一起工作时，我需要的那种类型。有什么想法吗？ 谢谢！我今天学到了这么多，真是太神奇了。我已经连续编码了13个小时。
-
问题内容： 如何将输入限制为文本框，使其仅接受数字和小数点？ 问题答案： 这确实有效！