求个jquery例子,时间文本框

ltcszk 2011-02-22 03:26:00
以前看到过忘了
就是下面这种样子的文本框
__:__
能够按格式输入,不符合的格式会报错
...全文
126 8 打赏 收藏 转发到动态 举报
写回复
用AI写文章
8 条回复
切换为时间正序
请发表友善的回复…
发表回复
chen_ya_ping 2011-02-22
  • 打赏
  • 举报
回复
日期控件多的是啊,jquery的也有日期控件。
ms 2011-02-22
  • 打赏
  • 举报
回复
$(this).focus();后添加
alert("格式错误");不知是否是你要的效果
ms 2011-02-22
  • 打赏
  • 举报
回复
<head runat="server">
<title></title><script src="JS/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
var zz = /^(0?[1-9]|1[0-9]|2[0-3]):[0-5][0-9]+$/;
$("input:text").each(function() {
var t = $(this).val();
if (!zz.test(t))
{ $(this).focus(); }
})


})
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Text1" type="text" /><input id="Text2" type="text" /><input id="Text3" type="text" />
<input id="Button1" type="button" value="button" />
</div>
</form>
</body>
</html>
hairuiwoai 2011-02-22
  • 打赏
  • 举报
回复
[Quote=引用 2 楼 fengyarongaa 的回复:]
My97 自带的
[/Quote]
+1
ycproc 2011-02-22
  • 打赏
  • 举报
回复
My97 自带的
ms 2011-02-22
  • 打赏
  • 举报
回复
用正则表达式验证数字不就行嘛
//判断元素是否高亮,初始值为-1,表示未有元素高亮 var higthlight=-1; var timeOutId; $(document).ready(function(){ //让div隐藏起来 var autoNode=$("#auto").css("border","2px gray none").height("200px").width("150px"); autoNode.hide(); var inputNode=$("#word"); //给文本框注册键盘事件 inputNode.keyup(function(event){ //处理键盘事件 var myEvent =event||window.event; var kcode=myEvent.keyCode; if(kcode >= 65 && kcode <= 90 || kcode==8 || kcode==46){ //把文本框中的内容取到 var wordText=inputNode.val(); //把数据发送到服务器 if(wordText!=""){ //清除定时器id clearTimeout(timeOutId); //设定定时器,延迟500ms发送 timeOutId=setTimeout(function(){ $.post("autoCompleteServlet",{word:wordText},function(data){ //把数据转换成jquery对象 var jqueryDom=$(data); //取所有的word节点 var wordNodes=jqueryDom.find("word"); //清空div中的内容 autoNode.html(""); //对word进行遍历 wordNodes.each(function(i){ //取当前word var wordNode=$(this); //创建div节点 var crediv=$("
").css("cursor","pointer").attr("id",i); //将内容加入div中 crediv.html(wordNode.text()); //鼠标进入时高亮选中内容 crediv.mouseover(function(){ if(higthlight!=-1){ $("#auto").children("div").eq(higthlight) .css("background-color","white"); } higthlight=$(this).attr("id"); $(this).css("background-color","gray"); }); crediv.mouseout(function(){ $(this).css("background-color","white"); }); crediv.click(function(){ var HightText=$(this).text(); higthlight==-1; $("#word").val(HightText); $("#auto").hide(); }); //将创建 的div加进去 autoNode.append(crediv); }); //如果服务器有数据返回,则让div显示 if(wordNodes.length>0){ var offset=inputNode.offset(); autoNode.show().css("position","absolute").css("left",offset.left+(-2)+"px").css("top",offset.top+$("#word").height()+6+"px"); }else{ autoNode.hide(); //所有都隐藏了,也就没有高亮元素,恢复初始值 higthlight=-1; } },"xml"); },500); }else{ autoNode.hide(); higthlight=-1; } }else if(kcode==38||kcode==40){ //如果输入的是向上(38)键或向下(40)键 //向上移动 if(kcode==38){ //取得auto的div元素下的所有div var autoNodes=$("#auto").children("div"); if(higthlight!=-1){ //如果以前有元素被 高亮了,则将其它颜色改为白色 autoNodes.eq(higthlight).css("background-color","white"); higthlight--; }else{ higthlight=autoNodes.length-1; } if(higthlight==-1){ higthlight=autoNodes.length-1; } autoNodes.eq(higthlight).css("background-color","gray"); } if(kcode==40){ //向下移动 //取得auto的div元素下的所有div var autoNodes=$("#auto").children("div"); if(higthlight!=-1){ //如果以前有元素被 高亮了,则将其它颜色改为白色 autoNodes.eq(higthlight).css("background-color","white"); } higthlight++; if(higthlight==autoNodes.length){ higthlight=0; } autoNodes.eq(higthlight).css("background-color","gray"); } }else if(kcode==13){ //下拉框有高亮内容 if(higthlight!=-1){ var HightText=$("#auto").hide().children("div").eq(higthlight).text(); higthlight==-1; $("#word").val(HightText); }else{ //下拉框没有高亮内容 sub(); $("#auto").hide(); $("#word").get(0).blur(); } } }); //给button注册个事件 $("input[type='button']").click(sub); }); function sub(){ alert("文本框中的["+$("#word").val()+"],被提交了"); }
书名:jQuery权威指南(系统介绍jQuery方方面面,囊括118个实例和2个综合案例,实战性强) 作者:陶国荣 著 书号:978-7-111-32543-7 定价:59.00元 出版社:机械工业出版社华章公司 出版时间:2011年1月 编辑推荐: 内容全面,系统地讲解了jQuery方方面面 实战性强,囊括118个实例和2个综合案例 资深专家亲自执笔,4大专业社区一致鼎力推荐 内容简介: jQuery是继Prototype之后的又一个优秀JavaScript框架,深受全球开发者欢迎,已经成为Web开发领域的事实标准。jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样使得Web后端开发者如虎添翼,使用少量代码就可以实现复杂的功能。特别是新版本1.4.x的发布,jQuery在功能和性能方面都有质的提升,极大地满足了广大开发者提出的更高要求。因此,为了提高Web开发的效率和强化Web应用的功能,熟练使用jQuery是Web开发者必备的一种能力。 《jQuery权威指南》由国内资深Web技术专家亲自执笔,4大Web开发社区一致鼎力推荐,权威性毋庸置疑。 内容新颖,基于jQuery的最新版本撰写,所有新功能和新特性一览无余;内容全面,不仅讲解了jQuery技术本身的方方面面,而且还包括与jQuery相关的扩展知识;实战性强,不仅每个知识点都配有完整的小案例,而且还有两个综合性的案例。本书不仅能满足读者系统学习理论知识的需求,还能满足需要充分实践的需求。 全书一共分为11章,首先以示例的方式对jQuery做了全局性的介绍,以便于为读者建立jQuery的大局观,这对初学者尤为重要;其次详细讲解了jQuery的各种选择器、jQuery操作DOM的方法、jQuery中的事件与应用、jQuery中的动画和特效、Ajax在jQuery中的应用,以及各种常用的jQuery插件的使用方法和技巧,所有这些知识点都配有完整的示例(包括需求分析、代码实现和结果展示三部分);再接着对jQuery UI和jQuery实用工具函数等扩展知识,以及jQuery的开发技巧与性能优化等方面的重要知识做了详尽的阐述;最后以两个具有代表性的综合案例结束全书,希望能帮助读者将前面所学的理论知识真正贯穿于实践中,迅速进入jQuery的殿堂。 作者简介: 陶国荣,资深Web技术专家,有10余年开发经验,是国内较早专业从事Web开发的一线技术人员和培训讲师。醉心于对JavaScript、jQuery和Ajax等Web开发技术的研究与实践,并长期专注于HTML页面的优化与用户体验的研究,在页面框架搭建、数据流向分析、页面静态优化方面拥有丰富的实践经验。此外,他还是微软技术方面的专家,精通C#、ASP.NET 和SQL Server等技术,出版相关著作多部。 媒体推荐: jQuery的发展之迅速和取得的成功之巨大是其他所有开发框架都难以企及的,它已经成为Web开发者必备的核心技能之一。如果你尚未掌握jQuery或功力还不够,推荐你认真阅读这本书并付诸实践,与同类的jQuery图书相比,它有3大优势:内容非常全面,几乎包含jQuery的所有内容;基于jQuery的最新版本撰写,所有新功能特性一览无余;实战性极强,不仅有118个小型案例,而且还有两个综合案例。——jQuery中文社区 jQuery因为使用简单、功能强大、插件丰富而深受Web开发者青睐。《jQuery权威指南》不仅完整地呈现了jQuery本身所有的功能,而且讲解了jQuery UI等扩展功能;更值得一提的是,还包括最佳实践和性能优化方面的技巧,内容全面,结构合理。除此之外,本书还包括大量的实例,不仅每个知识点都配有小例子,而且还有两个综合性的案例。对于初学者而言,本书应该是学习jQuery的首选。——jQuery中文用户组 jQuery因为易于使用和功能强大著称,是所有Web开发者应该掌握的一种利器,初学者如何才能快速而有效地掌握jQuery呢?最好的方法莫过于一边学习理论,一边动手实践这些理论,本书就是按照这种思路为读者打造的,强烈推荐。——JavaScript开发者社区 jQuery从众多的Ajax框架中脱颖而出,已经成为Web开发领域的事实标准。《jQuery权威指南》除了理论知识丰富而全面外,它还有一个最大的特点就是注重实战,每个知识点都有一个完整的案例,包括需求分析、代码实现和结果展示三个部分,而且还包含两个综合性的案例,它的实践性之强是目前所有同类书都不具备的,恰好这一点又是初学者最需要的。如果能阅读本书并付诸实践,进入jQu

62,046

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术交流专区
javascript云原生 企业社区
社区管理员
  • ASP.NET
  • .Net开发者社区
  • R小R
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

.NET 社区是一个围绕开源 .NET 的开放、热情、创新、包容的技术社区。社区致力于为广大 .NET 爱好者提供一个良好的知识共享、协同互助的 .NET 技术交流环境。我们尊重不同意见,支持健康理性的辩论和互动,反对歧视和攻击。

希望和大家一起共同营造一个活跃、友好的社区氛围。

试试用AI创作助手写篇文章吧