这里给出一个用javascript编写的日期时间输入验证脚本。这个脚本可以使一个普通的输入框变成日期时间输入框。你只能在这个输入框里输入日期时间格式的字符串，而不允许你输入任何其他的字符。当你输入非法字符时，它并不是不负责任地弹出错误对话框，而是完全过滤掉你的输入以保证你输入框的内容绝对是合法的日期时间格式。
事实上，你可以向这个脚本中添加其他验证函数，让这个脚本可以控制其它类型格式的输入，例如：数字、电子邮件、用户id等等。
代码如下：
<script>
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;
}
}
</script>
把上面这段代码放在web页面的任何位置即可。
使用方法：
日期验证框：<input onkeydown="validate(this,1)" value="0000-00-00">
时间验证框：<input onkeydown="validate(this,2)" value="00:00:00">
日期时间验证框：<input onkeydown="validate(this,3)" value="0000-00-00 00:00:00">
我们可以测试一下。
在页面上加入以下内容：
<input id="date" onkeydown="validate(this,3)" value="0000-00-00 00:00:00">
然后你可以尝试向这个输入框内输入任何内容，看看效果如何吧。
文章整理：站长天空 网址：http://www.z6688.com/
以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!
