一个输入框输入日期或时间,并验证输入是否有效
来源:互联网 发布:电脑桌面时钟软件下载 编辑:程序博客网 时间:2024/04/29 07:55
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<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">
然后你可以尝试向这个输入框内输入任何内容,看看效果如何吧。
</HEAD>
<BODY>
<form method="post" action="">
<div>
</div>
</form>
</BODY>
</HTML>
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="zourinet">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<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">
然后你可以尝试向这个输入框内输入任何内容,看看效果如何吧。
</HEAD>
<BODY>
<form method="post" action="">
<div>
</div>
</form>
</BODY>
</HTML>
- 一个输入框输入日期或时间,并验证输入是否有效
- 一个输入框输入日期或时间,并验证输入是否有效
- js限制只能输入日期或时间的输入框,并加验证
- 用正则表达式检验是否输入日期时间是有效
- 判断一个输入框输入手机或邮箱验证是否正确
- Winform 验证输入TextBox身份证号是否有效
- 有关日期手工输入验证、日期弹出框、数值输入验证、必须输入验证等
- 判断输入学生成绩是否有效并判断等级
- 实现键盘的输入学生成绩,并判断是否有效.
- 判断输入学生成绩是否有效并判断等级
- 用Js判断输入的时间是否有效
- 时间输入的验证
- js 验证输入时间
- 判断输入框的输入格式是否正确,并禁止其他输入框输入内容
- 绘制图片并验证验证码输入是否有误
- 验证输入框中输入的是否为数字
- js验证输入框是否为数字
- 验证输入框内容是否为数字
- 重构 — 改善既有的类图设计 条款11:去除对聚合内部的引用
- Ajax 提交和验证
- 分手
- ajax和XMLHTTP原理
- Ajax在.NET中与Server控件的交互C#
- 一个输入框输入日期或时间,并验证输入是否有效
- Dev C++不同于VC的几点
- 移动通信
- 用Javascript评估用户输入密码的强度
- 简单的数据库操作
- 以后可以写日志啦
- 用字符串调用函数
- 用js做冒泡排序
- 返回[页宽,页高,可见区宽,可见区高]