相信大家做项目的时候,都会收集一些有用的小的javasciprt方法,或者开发一些应用于自己业务逻辑的JavaScript方法,但并不是每个项目中都会用到,往往上是项目数量一多,有些可重复使用的方法,在我们忙碌的工作中,却经常被不经意的忘记在自己的coding中; 其实项目中,比较深刻的感触到,每个项目中,我们都会有重复开发的一部分代码,这并不是因为我们的原因,而是因为项目组与项目组之间的交流太少,都是处于各自封闭的状态,有一种闭门造车的状态!因此,有了收集自己在项目中所用到一些JavaScript方法.
1. 限制只能输入小数,并且只能输入两位小数
legionInput Function:
//用于输入两位小数,并可以在小数点前增加数字功能
//author: dsy
//date: 20080516
function legionInput(obj, reg, inputStr){
//获取一个选择对象范围
var docSel = document.selection.createRange();
oSel = docSel.duplicate(); //创建选择范围复本
oSel.text = "";
var srcRange = obj.createTextRange(); //创建文本范围
oSel.setEndPoint("StartToStart", srcRange); //设置结束端
var str = oSel.text + inputStr + srcRange.text.substr
(oSel.text.length);
return reg.test(str);
}
CheckNumber Function:
/**
* 检测主入口
* @author dsy
* @param {Object} objId
* @Date 20090523
*/
function CheckNumber(objId){
var obj = document.getElementById(objId);
obj.onkeypress = function(){
if ((event.keyCode < 48 || event.keyCode > 57)
&& event.keyCode != 46) {
event.returnValue = false;
}
else {
return legionInput(this, /^\d*\.?\d{0,2}$/,
String.fromCharCode(event.keyCode));
}
}
}
以上函数的使用方法,相当简单:
废话少说,上demo:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>限制只能输入数字，并限制小数位</title>
<script type="text/javascript">
//用于输入两位小数,并可以在小数点前增加数字功能
//author: dsy
//date: 20080516
function legionInput(obj, reg, inputStr){
//获取一个选择对象范围
var docSel = document.selection.createRange();
oSel = docSel.duplicate(); //创建选择范围复本
oSel.text = "";
var srcRange = obj.createTextRange(); //创建文本范围
oSel.setEndPoint("StartToStart", srcRange); //设置结束端
var str = oSel.text + inputStr + srcRange.text.substr(oSel.text.length);
return reg.test(str);
}
/**
* 检测主入口
* @author dsy
* @param {Object} objId
* @Date 20090523
*/
function CheckNumber(objId){
var obj = document.getElementById(objId);
obj.onkeypress = function(){
if ((event.keyCode < 48 || event.keyCode > 57) && event.keyCode != 46) {
event.returnValue = false;
}
else {
return legionInput(this, /^\d*\.?\d{0,2}$/, String.fromCharCode(event.keyCode));
}
}
}
window.onload = function() {
CheckNumber("txt4")
}
</script>
</head>
<body>
<input id="txt4" name="txt4" type="text" style="height: 24px;" size="15" />
</body>
</html>
按上例所示:
只需在CheckNumber()函数,传入相应即可完成对输入是否是数字的限制
分享到：
相关推荐
标题“开发资料下载_Javascript资料搜集”提示我们这是一个...通过阅读JScript中文帮助文档，可以深入理解JavaScript的底层工作原理，掌握API的使用方法，同时结合实践代码和开发工具，将理论知识转化为实际开发能力。
在标签中提到的"JavaScript开发-其它杂项"，可能意味着Iroh是一个专为JavaScript开发设计的独特工具，它可能包含了非标准的或特定场景下的功能，这些功能在其他常规开发工具中可能并不常见。 在压缩包中的文件名...
"开发小工具集"通常指的是一个包含多种用于软件开发的实用程序或应用程序的集合，这些工具可以帮助开发者在编码、调试、版本控制、自动化任务等方面提高效率。这些小工具可能涵盖各种编程语言、框架和开发环境，是...
这里是我个人在WEB开发7年来，收集的CHM工具手册中精选出来的，每个都是精品中的精品，个人认为是同类手册中最好的，也是最新最全的，现在一次性全部送给大家，以免大家寻找资料时走弯路，希望能帮助大家提高开发...
"JavaScript案例 很多脚本的收集"这个标题暗示了这是一个包含多种JavaScript应用场景和技巧的资源集合，旨在帮助用户深入理解和全面掌握JavaScript的使用方法。 在JavaScript的世界里，开发者可以实现动态网页交互...
JavaScript，也常被称为JS，是一种轻量级的解释型编程语言，主要应用于Web开发，用于增加网页的交互性和动态功能。作为互联网上最广泛使用的脚本语言，JavaScript为前端开发者提供了丰富的工具和框架，使他们能够...
标题中的“一个网上人自己写的一些工具类，收集一下”表明这是一个个人开发者或者爱好者分享的代码集合，可能包含了各种实用的工具类。这些工具类通常是为了解决特定问题或简化某些常见任务而编写的，它们可以是通用...
Go-getJS是一个专门为开发者设计的实用工具，其主要功能是从一系列指定的URL中抓取并收集所有的JavaScript文件。这个工具采用Go语言编写，利用了Go的高效性和并发特性，能够快速地遍历网页，查找并下载JavaScript...
一种工具用于查找隐藏在页面内部和外部Javascript文件中的子域和有趣内容"代表了Python在网络安全领域的一个具体应用，通过分析JavaScript代码，揭示潜在的子域和网络资源，这对于提升网络安全意识和进行信息收集...
JavaScript是Web开发中不可或缺的一部分，它负责为网页添加交互性和动态功能。然而，如同任何编程语言一样，JavaScript的开发过程中难免会遇到错误和问题，这时就需要借助调试工具来定位和解决问题。本文将深入探讨...
"WEB开发的Javascript组件"这个主题涵盖了一系列用于创建动态和功能丰富的网页的工具。这些组件包括表单元素、日期选择器、表格展示、布局管理、树结构、菜单系统以及工具条等，它们都是JavaScript库或框架中的常见...
用户可以通过这个文件快速查找JavaScript内置对象、函数、方法和语法，同时可能还涵盖了错误处理、事件处理、DOM操作等内容，对于开发者来说，是一个不可多得的工具。 另一方面，`JavaScript课件.exe`可能是一个...
总结，基于JavaScript开发的宠物健康管理微信小程序结合了JavaScript语言的灵活性和微信小程序框架的便捷性，实现了宠物信息管理、健康记录跟踪等一系列功能。开发者需要掌握JavaScript基础、微信小程序框架、数据...
"一个使用Go和JavaScript的现代负载测试工具"是一个专为此目的设计的工具，它结合了两种强大的编程语言的优势，以提供高效且灵活的性能评估方案。本文将深入探讨这个工具的核心特性、工作原理以及如何利用Go和...