js只允许输入数字和小数点 .-白红宇

js只允许输入数字和小数点 .

阅读量：7071 次

发布时间：2019-06-28

本文共 2377 字，大约阅读时间需要 7 分钟。

<!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="http://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js" type="text/javascript"></script>

<script type="text/javascript">

//示例代码：

//只允许输入数字与.:<input type="text" name="test" id="test" οnkeydοwn="checkKeyForFloat(this.value,event)" style="ime-mode: disabled" />

//只允许输入数字 :<input type="text" name="test2" id="test2" οnkeydοwn="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" οnkeydοwn="checkKeyForInt(this.value,event)" style="ime-mode: disabled"/><br />

身高：<input type="text" maxlength="5" dtype="number" />

</body>

</html>

转载于:https://www.cnblogs.com/hanwenhua/articles/3256624.html

你可能感兴趣的文章

GitHub Sponsors计划可让赞助者直接赞助开源贡献者

spring cloud eureka 高可用搭建

查看>>

OSChina 周二乱弹 —— 做羞羞事情的正确方法

查看>>

OSChina 周四乱弹 —— 会编程的女神长这样

java成为移动互联网时代必学语言的六大理由

查看>>

git使用实践

查看>>

ABBYY FineReader 12的强大用途

查看>>

java实现KMP字符串匹配算法

查看>>