ASP.NET jQuery 实例14 在ASP.NET form中校验时间范围

 更新时间:2012年02月03日 17:22:26   转载 作者:  
这节主要讲如何用jQuery校验表单时间范围,时间控件用到了jQuery-ui
下载地址:http://jqueryui.com/download,Theme选择Sunny
界面代码:
复制代码 代码如下:

<form id="form1" runat="server">
<div align="center">
<fieldset style="width: 400px; height: 150px">
<table border="0" cellpadding="3" cellspacing="3">
<tr>
<td colspan="2">
请输入日期范围:
</td>
</tr>
<tr>
<td>
开始时间:
</td>
<td>
<asp:TextBox ID="txtStartDate" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td>
结束时间:
</td>
<td>
<asp:TextBox ID="txtEndDate" runat="server"></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2">
<asp:Button ID="btnSubmit" runat="server" Text="提交" />&nbsp;<asp:Button ID="btnReset" runat="server"
Text="重置" />
</td>
</tr>
</table>
</fieldset>
</div>
</form>

脚本代码:
复制代码 代码如下:

<head id="Head1" runat="server">
<title>Recipe14</title>
<link rel="Stylesheet" href="Styles/sunny/jquery-ui-1.8.17.custom.css" />
<script type="text/javascript" src="Scripts/jquery-1.4.1-vsdoc.js"></script>
<script type="text/javascript" src="Scripts/jquery-ui-1.8.17.custom.min.js"></script>
<script type="text/javascript">
$(function () {
$("#txtStartDate").datepicker();
$("#txtEndDate").datepicker();

$("#btnSubmit").click(function (e) {
e.preventDefault();
var startdate = Date.parse($("#txtStartDate").val());
var enddate = Date.parse($("#txtEndDate").val());

if (startdate > enddate) {
alert("开始时间不能大于结束时间!");
}
});

$("#btnReset").click(function (e) {
e.preventDefault();
$("#txtStartDate").val("");
$("#txtEndDate").val("");
});
});
</script>
</head>

最终界面:

相关文章

  • jQuery实现字符串全部替换的方法

    jQuery实现字符串全部替换的方法

    这篇文章主要介绍了jQuery实现字符串全部替换的方法,结合实例形式对比分析了使用Replace进行替换的方法及使用正则进行全部替换的相关操作技巧,需要的朋友可以参考下
    2016-12-12
  • jQuery EasyUi 验证功能实例解析

    jQuery EasyUi 验证功能实例解析

    本文给大家分享jquery easyui验证功能的实例代码,非常不错,具有参考借鉴价值,需要的朋友参考下
    2017-01-01
  • Jquery遍历Json数据的方法

    Jquery遍历Json数据的方法

    这篇文章主要介绍了Jquery遍历Json数据的方法,涉及jQuery遍历json格式数据的相关技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • jQuery自带的一些常用方法总结

    jQuery自带的一些常用方法总结

    这篇文章主要介绍了jQuery自带的一些常用方法总结,包括$.trim 、$.contains、$.each、$.map、$.inArray、$.extend等,需要的朋友可以参考下
    2014-09-09
  • jquery实现心算练习代码

    jquery实现心算练习代码

    实现代码的过程中,有两个问题很棘手,一个是开始按钮连续单击,计时时间会迅速加快;二是如何判定玩家单击哪个按钮。
    2010-12-12
  • 超赞的jQuery图片滑块动画特效代码汇总

    超赞的jQuery图片滑块动画特效代码汇总

    本文将为大家收集10个超赞的jQuery图片滑块动画,都是小编精挑细选而来,希望这些现成的jQuery插件将为你节省很多开发时间。
    2016-01-01
  • 浅谈DOCTYPE对$(window).height()取值的影响

    浅谈DOCTYPE对$(window).height()取值的影响

    下面小编就为大家带来一篇浅谈DOCTYPE对$(window).height()取值的影响。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • jQuery 获取兄弟元素的几种不错方法

    jQuery 获取兄弟元素的几种不错方法

    这篇文章主要介绍了jQuery 获取兄弟元素的几种不错方法,需要的朋友可以参考下
    2014-05-05
  • jQuery 无限级菜单的简单实例

    jQuery 无限级菜单的简单实例

    本篇文章主要是对jQuery 无限级菜单的简单实例进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2014-02-02
  • 24款热门实用的jQuery插件推荐

    24款热门实用的jQuery插件推荐

    本文汇总介绍了24款本年度热门实用的jQuery插件,使用得当的话,可以大大降低项目的开发难度,这里推荐给大家。
    2014-12-12

最新评论