问题描述
各位高手有一事相求:我想在html的文本框里控制用户的时间格式的输入，想让用户用这种格式输入__:__用户只能填把小时和分钟填在线上而且用户不能删除__:__这些符号且是24小时时间只要用户输入不正确的时间就不能提交请给个完整的代码非常感谢
解决方案
解决方案二：
说错了小时和分钟不用填在线上
解决方案三：
可以去看看现成的My97Date有没有这样的格式。
解决方案四：
楼主说的这是老式的WIN32编程中常用的控件。而在WEB开发里根本没有这样用的。界面风格是不一样的。做WEB开发就要按WEB的规范来做。用不同的TEXT作为输入的部分即可。
解决方案五：
如果真想在视觉上达到那样的效果，用CSS修饰一下即可，让TEXT只显示下边框，其余边框宽度为0即可。详细的看下CSS。既然想在界面上能实现你的各种想法，那对CSS就一定要掌握。
解决方案六：
找个现成的控件就好了。
解决方案七：
<%@LANGUAGE="VBSCRIPT"CODEPAGE="936"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css">#x,#f{border:none;width:17px;border-bottom:1pxsolid#000000;font-size:12px}</style><scripttype="text/javascript">window.onload=function(){form1.x.focus();}functionxs(){form1.x.value=form1.x.value.replace(/[^d]/g,'');form1.f.value=form1.f.value.replace(/[^d]/g,'');if(form1.x.value.length>=2){form1.f.focus();}}functionyz(){if(form1.x.value==""||form1.f.value==""){alert("不能为空");returnfalse;}elseif(form1.x.value>24){form1.x.select();alert('请输入时间');returnfalse;}elseif(form1.f.value>60){form1.f.select();alert("请输入正确的分");returnfalse;}else{alert("正确")}}</script></head><body><formmethod="post"action=""name="form1"><inputtype="text"name="x"id="x"onkeyup="xs()"maxlength="2"/>:<inputtype="text"name="f"id="f"maxlength="2"onkeyup="xs()"/><br/><inputtype="submit"name="OK"id="OK"onclick="returnyz()"/></form></body></html>
不知道是不是这样的
解决方案八：
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css">#x,#f{border:none;width:17px;border-bottom:1pxsolid#000000;font-size:12px}</style><scripttype="text/javascript">window.onload=function(){form1.x.focus();}functionxs(){form1.x.value=form1.x.value.replace(/[^d]/g,'');form1.f.value=form1.f.value.replace(/[^d]/g,'');if(form1.x.value.length>=2){form1.f.focus();}}functionyz(){if(form1.x.value==""||form1.f.value==""){alert("不能为空");returnfalse;}elseif(form1.x.value>24){form1.x.select();alert('请输入时间');returnfalse;}elseif(form1.f.value>60){form1.f.select();alert("请输入正确的分");returnfalse;}else{alert("正确")}}</script></head><body><formmethod="post"action=""name="form1"><inputtype="text"name="x"id="x"onkeyup="xs()"maxlength="2"/>:<inputtype="text"name="f"id="f"maxlength="2"onkeyup="xs()"/><br/><inputtype="submit"name="OK"id="OK"onclick="returnyz()"/></form></body></html>
解决方案九：
引用7楼javaisnotmylove的回复:
<htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>无标题文档</title><styletype="text/css">#x,#f{border:none;width:1……
咦!怎么和我的差不多,难道是我那里写错了,求指教...