用javascript实现的日期时间输入控件-JSP教程,Java技巧及代码

作者：网友供稿 点击：2644

推荐

西部数码-全国虚拟主机10强！20余项虚拟主机管理功能,全国领先!第6代双线路虚拟主机,南北访问畅通无阻!可在线rar解压,自动数据恢复设置虚拟目录等.免费赠送访问统计,企业邮局.Cn域名注册10元/年,自助建站480元起,免费试用7天,满意再付款!P4主机租用799元/月.月付免压金

站内搜索

按标题搜索 按内容搜索

文章页数：[1]

在b/s程序设计中，经常需要向一个输入框输入日期或时间，并验证输入是否有效。通常的验证方法是在提交的时候进行字符串验证，如果是合法的日期时间则正常提交，否则取消提交并给出错误信息。或者，将日期时间的输入变成几个下拉列表框，由用户选择年月日时分秒。

这里给出一个用javascript编写的日期时间输入验证脚本。这个脚本可以使一个普通的输入框变成日期时间输入框。你只能在这个输入框里输入日期时间格式的字符串，而不允许你输入任何其他的字符。当你输入非法字符时，它并不是不负责任地弹出错误对话框，而是完全过滤掉你的输入以保证你输入框的内容绝对是合法的日期时间格式。

事实上，你可以向这个脚本中添加其他验证函数，让这个脚本可以控制其它类型格式的输入，例如：数字、电子邮件、用户id等等。

代码如下：

function istime(str){

var a =

str.match(/^(\d{0,2}):(\d{0,2}):(\d{0,2})$/);

if (a == null) return false;

if (a[1]>=24 || a[2]>=60 ||

a[3]>=60) return false;

return true;

}

function isdatetime(str){

var a =

str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})

(\d{0,2}):(\d{0,2}):(\d{0,2})$/);

if (a == null) return false;

if ( a[2]>=13 || a[3]>=32 ||

a[4]>=24 || a[5]>=60 ||

a[6]>=60) return false;

return true;

}

function isdate(str){

var a =

str.match(/^(\d{0,4})-(\d{0,2})-(\d{0,2})$/);

if (a == null) return false;

if ( a[2]>=13 || a[3]>=32 ||

a[4]>=24) return false;

return true;

}

function validate(obj,type){

var range=obj.createtextrange();

var text = range.text;

var selrange = document.selection.createrange();

var seltext = selrange.text;

var startpos = 0,endpos = 0;

while(selrange.compareendpoints("starttostart",range)>0){

selrange.movestart("character",-1);

startpos ++;

}

while(selrange.compareendpoints("endtostart",range)>0){

selrange.moveend("character",-1);

endpos ++;

}

if(event.keycode>=48){

var keytext = string.fromcharcode(event.keycode);

text = text.substring(0,startpos) + keytext +

text.substring(endpos,text.length);

}else if(event.keycode ==

46){//delete

if(startpos == endpos)text = text.substring(0,startpos) +

text.substring(startpos+1,text.length);

else text = text.substring(0,startpos) +

text.substring(endpos,text.length);

}else if(event.keycode ==

8){

if(startpos == endpos)text = text.substring(0,startpos-1) +

text.substring(startpos,text.length);

else text = text.substring(0,startpos) +

text.substring(endpos,text.length);

}

if(event.keycode == 45){

event.returnvalue = false;

return;

}

var valid;

switch(type){

case 1:valid = isdate(text);break;

case 2:valid = istime(text);break;

case 3:valid = isdatetime(text);break;

default:valid = false;

}

if(!valid){

event.returnvalue = false;

}

}

把上面这段代码放在web页面的任何位置即可。

使用方法：

日期验证框：

value="0000-00-00">

时间验证框：

value="00:00:00">

日期时间验证框：

value="0000-00-00

00:00:00">

我们可以测试一下。

在页面上加入以下内容：

value="0000-00-00

00:00:00">

然后你可以尝试向这个输入框内输入任何内容，看看效果如何吧。

文章整理：站长天空网址：http://www.z6688.com/

以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

文章页数：[1]