让html的text输入框只能输入数字和1个小数点

摘要:
限制用户输入不符合规范的数字与小数点导致不好计算价格问题,特整理了下面的代码,需要的朋友可以参考下。

限制用户输入不符合规范的数字与小数点导致不好计算价格问题,特整理了下面的代码,需要的朋友可以参考下。

<html> 
<head>
<title>text 数字</title>
<meta http-equiv="Content-Type"content="text/html; charset=gbk">
</head>
<script type="text/javascript">functioncheck(event) {
vare =window.event ||event;
vartarget =e.srcElement ||e.target;
vark =e.keyCode;
if(isFunKey(k)) {
return true;
}
varc =getChar(k);
if(target.value.length == '' &&(c == '-' ||c == '+')) {
return true;
}
if(isNaN(target.value +getChar(k))) {
return false;
}
return true;
}
functionisFunKey(code) {
//8 --> Backspace
//
35 --> End
//
36 --> Home
//
37 --> Left Arrow
//
39 --> Right Arrow
//
46 --> Delete
//
112~123 --> F1~F12 varfunKeys =[8, 35, 36, 37, 39, 46];
for(vari = 112; i <= 123; i++) {
funKeys.push(i);
}
for(vari = 0; i <funKeys.length; i++) {
if(funKeys[i] ==code) {
return true;
}
}
return false;
}
functiongetChar(k) {
if(k >= 48 &&k <= 57) {
returnString.fromCharCode(k);
}
if(k >= 96 &&k <= 105) {
returnString.fromCharCode(k - 48);
}
if(k == 110 ||k == 190 ||k== 188) {
return ".";
}
if(k == 109 ||k == 189) {
return "-";
}
if(k == 107 ||k == 187) {
return "+";
}
return "#";
}
</script>
<style type="text/css">
textarea
{
width
:200px;
height
:80px;}
span
{
color
:#ff0000;}</style>
<body>
<input style="ime-mode:disabled;"onpaste="return false"onkeydown="return check(event)"onkeyup="if(isNaN(this.value)||this.value<0||this.value>59) this.value='0'">
</body>
</html>

text 数字

免责声明:文章转载自《让html的text输入框只能输入数字和1个小数点》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇iView 实战系列教程(21课时)_1.iView 实战教程之配置篇_图片优化ROS入门笔记(四):ROS实践(小海龟仿真)—ROS Topics下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

【python 3.6】从网站抓图并存放到本地路径

#!/usr/bin/python # -*- coding: UTF-8 -*- _author_ = 'BH8ANK' import urllib.request import re import os import time #os.rmdir("D:/images") #1,打开页面,读取图片张数,抓html wangzhi = "https...

网页HTML代码大全

1.结构性定义 文件类型 <HTML></HTML> (放在档案的开头与结尾) 文件主题 <TITLE></TITLE> (必须放在「文头」区块内) 文头 <HEAD></HEAD> (描述性资料,像是「主题」) 文体 <BODY></BODY> (文件本体)...

Android内核驱动开发中的Kconfig文件结构分析(图文)

1 Kconfig和Makefile毫不夸张地说,Kconfig和Makefile是我们浏览内核代码时最为依仗的两个文件。基本上,Linux 内核中每一个目录下边都会有一个Kconfig文件和一个Makefile文件。Kconfig和Makefile就好似一个城市的地图,地图引导我们去 认识一个城市,而Kconfig和Makefile则可以让我们了解一个内...

【转】 JS实现HTML标签转义及反转义

原文地址:http://blog.600km.xyz/2015/12/15/js-encode-html-tags/ 简单说一下业务场景,前台用户通过input输入内容,在离开焦点时,将内容在div中显示。 这时遇到一个问题,如果用户输入了html标签,则在div显示中,标签被解析。 由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。 这里...

Node.JS + MongoDB技术浅谈

看到一个Node.JS + MongoDB的小例子,分享给大家,魔乐科技软件学院(www.mldnjava.cn)的讲座 Node.JS + MongoDB技术讲座          云计算 +大数据 = 未来。          在中国的云计算上基本上是一个概念,个人感觉与当初的SOA没有太大的区别,空泛的理论。          中小型开发的未来...

jQuery .tmpl(), .template()学习资料小结

昨晚无意中发现一个有趣的jQuery插件.tmpl(),其文档在这里。官方解释对该插件的说明:将匹配的第一个元素作为模板,render指定的数据,签名如下: .tmpl([data,][options]) 其中参数data的用途很明显:用于render的数据,可以是任意js类型,包括数组和对象。options一般情况下都是选项了,官方指出,此处的optio...