请教：想控制用户在文本框中输入固定格式的日期（2004-09-01）怎么办？？
想控制用户在文本框中输入固定格式的日期（2004-09-01），而不能输入其他的字符，怎么办？ 问题点数：20、回复次数：6Top
1 楼gamestar1（海洋之星）回复于 2004-09-01 14:46:33 得分 5
javscript来做的话比较麻烦
建议文本框属性设置成readonly
然后放上一个日历控件，进行选择。Top
2 楼angledy（angledy）回复于 2004-09-01 14:53:21 得分 0
我试一下，，，，Top
3 楼ryuginka（一米八五的猪）回复于 2004-09-01 15:08:28 得分 10
我个一段校验的代码给你，你照着改一下
<script language="javascript">
function strDateTime(str)
{
var r = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
if(r==null)return false;
var d= new Date(r[1], r[3]-1, r[4]);
return (d.getFullYear()==r[1]&&(d.getMonth()+1)==r[3]&&d.getDate()==r[4]);
}
function check_null(){
//判断是否输入
if (document.frmGsxx.txt_jfrq.value==""){
alert("请输入此次缴费日期！\n");
document.frmGsxx.txt_jfrq.select();
document.frmGsxx.txt_jfrq.focus();
return false
}
if (strDateTime(document.frmGsxx.txt_jfrq.value)==false)
{ alert("你输入的日期格式不正确!\n正确的格式是yyyy-MM-dd！\n请检查输入的年月日是否正确！")
document.frmGsxx.txt_jfrq.select();
document.frmGsxx.txt_jfrq.focus();
return false;
}
document.frmGsxx.submit();
}
</script>
<input name="btn_add" type="button" style="width:80;height:22px" onClick="javascript:return check_null()" value="提 交">Top
4 楼iuhxq（小灰）回复于 2004-09-01 15:13:50 得分 5
最简单的办法就是楼上这个正则了
要不用个日期控件也可以Top
5 楼angledy（angledy）回复于 2004-09-01 15:36:28 得分 0
感谢兄弟们，，，to fenTop
6 楼chonboy（一只来自南方的羊）回复于 2004-09-01 16:04:52 得分 0
刚写了个，看是不是这个效果捏
<html>
<head>
<title> New Document </title>
<script language=javascript>
function Checkit(obj){
var keyCode;
var i;
keyCode=event.keyCode;
if(keyCode==8) return true;
i=obj.value.length;
if(i<10){
switch(i){
case 0:
case 1:
case 2:
case 3:return KeyType(keyCode,"d");
case 4:return KeyType(keyCode,"-");
case 5:
case 6:return KeyType(keyCode,"d");
case 7:return KeyType(keyCode,"-");
case 8:
case 9:return KeyType(keyCode,"d");
}
return true;
}
else
return false;
}
function KeyType(keyCode,strType){
if(strType=="d"){
if(keyCode>=96&&keyCode<=105) return true;
else return false;
}
else if(strType=="-"){
if(keyCode==109) return true;
else return false;
}
else return false;
}
</script>
</head>
<body>
<input type=text name="sdate" id="sdate" value="" onkeydown="javascript:return Checkit(sdate);">
</body>
</html>
Top
