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 相关文章推荐
jquery 得到当前页面高度和宽度的两个函数
Feb 21 Javascript
原生Js实现按的数据源均分时间点幻灯片效果(已封装)
Dec 28 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
Mar 28 Javascript
超级简单的jquery操作表格方法
Dec 15 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
JavaScript引用类型和基本类型详解
Jan 06 Javascript
JavaScript的Backbone.js框架入门学习指引
May 07 Javascript
判断JS对象是否拥有某属性的方法推荐
May 12 Javascript
jQuery动态添加可拖动元素完整实例(附demo源码下载)
Jun 21 Javascript
原生js实现tab选项卡切换
Mar 23 Javascript
jquery表单验证插件validation使用方法详解
Jan 20 Javascript
Echarts基本用法_动力节点Java学院整理
Aug 11 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
You might like
windows下PHP_intl.dll正确配置方法(apache2.2+php5.3.5)
2014/01/14 PHP
Codeigniter中禁止A Database Error Occurred错误提示的方法
2014/06/12 PHP
php生成二维码时出现中文乱码的解决方法
2014/12/18 PHP
php无限级分类实现方法分析
2016/10/19 PHP
大家未必知道的Js技巧收藏
2008/04/07 Javascript
jquery.idTabs 选项卡使用示例代码
2014/09/03 Javascript
JavaScript 事件入门知识
2015/04/13 Javascript
javascript实现根据汉字获取简拼
2016/09/25 Javascript
nodejs中使用HTTP分块响应和定时器示例代码
2017/03/19 NodeJs
原生JS实现导航下拉菜单效果
2020/11/25 Javascript
webpack写jquery插件的环境配置
2017/12/21 jQuery
Angular CLI在Angular项目中如何使用scss详解
2018/04/10 Javascript
jsonp跨域获取数据的基础教程
2018/07/01 Javascript
利用百度echarts实现图表功能简单入门示例【附源码下载】
2019/06/10 Javascript
Vue 3.0 前瞻Vue Function API新特性体验
2019/08/12 Javascript
Python中的__SLOTS__属性使用示例
2015/02/18 Python
Python中的localtime()方法使用详解
2015/05/22 Python
Python中super函数的用法
2017/11/17 Python
python实现感知机线性分类模型示例代码
2019/06/02 Python
python+numpy按行求一个二维数组的最大值方法
2019/07/09 Python
Python 二叉树的层序建立与三种遍历实现详解
2019/07/29 Python
详解Python中字符串前“b”,“r”,“u”,“f”的作用
2019/12/18 Python
python标准库sys和OS的函数使用方法与实例详解
2020/02/12 Python
解决Tensorboard可视化错误:不显示数据 No scalar data was found
2020/02/15 Python
django 取消csrf限制的实例
2020/03/13 Python
python Timer 类使用介绍
2020/12/28 Python
戴尔美国官方折扣店:Dell Outlet
2018/02/13 全球购物
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
关于赌博的检讨书
2014/01/08 职场文书
预备党员入党自我评价范文
2014/03/10 职场文书
优秀的应届生自荐信
2014/05/23 职场文书
大学生创业计划书
2014/08/14 职场文书
2015年度员工自我评价范文
2015/03/11 职场文书
2015年女职工工作总结
2015/05/15 职场文书
HTML+CSS制作心跳特效的实现
2021/05/26 HTML / CSS
JavaCV实现照片马赛克效果
2022/01/22 Java/Android