首页 > 代码库 > 耗时输入框

耗时输入框

2024-07-24 20:48:11   214人阅读

前言：

在系统中有输入耗时的需求，用于描述一个活动花费多少时间。
具体要求：
精确到分钟，只允许录入小时和分钟，不允许输入不合法的字符，或者做相应的校验。
设计：
根据需求考虑使用js的键盘时间来进行控制，静止非数字以外的字符录入至输入框中，这样就需要校验了。



实现代码（支持ie及chrome）

页面

<!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=gb2312" />
		<title></title>
	</head>
	<script language="JavaScript" type="text/javascript" src=http://www.mamicode.com/"jquery-1.3.1.min.js"></script>>

inputTime.js
/**
 * @author 全冠清
 */
$.fn.extend({
	position:function( value ){
		var elem = this[0];
			if (elem&&(elem.tagName=="TEXTAREA"||elem.type.toLowerCase()=="text")) {
			   if($.browser.msie){
					   var rng;
					   if(elem.tagName == "TEXTAREA"){ 
						    rng = event.srcElement.createTextRange();
						    rng.moveToPoint(event.x,event.y);
					   }else{ 
					    	rng = document.selection.createRange();
					   }
					   if( value =http://www.mamicode.com/== undefined ){>

耗时输入框


联系
我们