编程 Javascript

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

Posted in Javascript onFebruary 03, 2012

下载地址：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="提交" /> <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>

最终界面：

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

JS 创建对象(常见的几种方法)

Nov 03 Javascript

JS建造者模式基本用法实例分析

Jun 30 Javascript

js实现的简单radio背景颜色选择器代码

Aug 18 Javascript

浅谈jQuery 选择器和dom操作

Jun 07 Javascript

js简单实现图片延迟加载的方法

Jul 19 Javascript

JS实现数字格式千分位相互转换方法

Aug 01 Javascript

Bootstrap CSS布局之图像

Dec 17 Javascript

js实现百度搜索提示框

Feb 05 Javascript

在vue.js中抽出公共代码的方法示例

Jun 08 Javascript

javascript变量提升和闭包理解

Mar 12 Javascript

vue中改变滚动条样式的方法

Mar 03 Javascript

Vue中使用Echarts仪表盘展示实时数据的实现

Nov 01 Javascript

ASP.NET jQuery 实例13 原创jQuery文本框字符限制插件-TextArea Counter

Feb 03 #Javascript

ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能

Feb 03 #Javascript

ASP.NET jQuery 实例11 通过使用jQuery validation插件简单实现用户登录页面验证功能

Feb 03 #Javascript

ASP.NET jQuery 实例10 动态修改hyperlink的URL值

Feb 03 #Javascript

ASP.NET jQuery 实例9 通过控件hyperlink实现返回顶部效果

Feb 03 #Javascript

ASP.NET jQuery 实例8 (动态添加内容到DropDownList)

Feb 03 #Javascript

ASP.NET jQuery 实例7 通过jQuery来获取DropDownList的Text/Value属性值

Feb 03 #Javascript