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 相关文章推荐
拖动Html元素集合 Drag and Drop any item
Dec 22 Javascript
表单项的name命名为submit、reset引起的问题
Dec 22 Javascript
js loading加载效果实现代码
Nov 24 Javascript
js事件监听机制(事件捕获)总结
Aug 08 Javascript
触屏中的JavaScript事件分析
Feb 06 Javascript
jquery插件bxslider用法实例分析
Apr 16 Javascript
利用Javascript实现简单的转盘抽奖
Feb 13 Javascript
B/S(Web)实时通讯解决方案分享
Apr 06 Javascript
JS实现利用两个队列表示一个栈的方法
Dec 13 Javascript
解决使用bootstrap的dropdown部件时报错:error:Bootstrap dropdown require Popper.js问题
Aug 30 Javascript
解决vuex刷新状态初始化的方法实现
Aug 15 Javascript
详解Vue router路由
Nov 20 Vue.js
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
PHP数组实例总结与说明
2011/08/23 PHP
php数组函数序列之prev() - 移动数组内部指针到上一个元素的位置,并返回该元素值
2011/10/31 PHP
php动态生成缩略图并输出显示的方法
2015/04/20 PHP
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
jquery插件jquery倒计时插件分享
2013/12/27 Javascript
使用jquery选择器如何获取父级元素、同级元素、子元素
2014/05/14 Javascript
$(&quot;&quot;).click与onclick的区别示例介绍
2014/09/25 Javascript
angularjs学习笔记之三大模块(modal,controller,view)
2015/09/26 Javascript
jQuery EasyUI Tab 选项卡问题小结
2016/08/16 Javascript
jquery实现百叶窗效果
2017/01/12 Javascript
EsLint入门学习教程
2017/02/17 Javascript
js数字计算 误差问题的快速解决方法
2017/02/28 Javascript
使用ES6语法重构React代码详解
2017/05/09 Javascript
用js将long型数据转换成date型或datetime型的实例
2017/07/03 Javascript
JavaScript实现计算多边形质心的方法示例
2018/01/31 Javascript
微信小程序之批量上传并压缩图片的实例代码
2018/07/05 Javascript
JavaScript实现点击切换功能
2021/01/27 Javascript
[38:32]DOTA2上海特级锦标赛A组资格赛#2 Secret VS EHOME第二局
2016/02/26 DOTA
linux系统使用python获取内存使用信息脚本分享
2014/01/15 Python
Python Web服务器Tornado使用小结
2014/05/06 Python
Python中字典的基础知识归纳小结
2015/08/19 Python
谈谈python中GUI的选择
2018/03/01 Python
django模板结构优化的方法
2019/02/28 Python
Python实现二叉树的常见遍历操作总结【7种方法】
2019/03/06 Python
python3.6中@property装饰器的使用方法示例
2019/08/17 Python
关于pandas的离散化,面元划分详解
2019/11/22 Python
Python自动化办公Excel模块openpyxl原理及用法解析
2020/11/05 Python
selenium判断元素是否存在的两种方法小结
2020/12/07 Python
html5的画布canvas——画出弧线、旋转的图形实例代码+效果图
2013/06/09 HTML / CSS
New Balance加拿大官方网站:运动鞋和健身服装
2018/11/19 全球购物
三星加拿大官方网上商店:Samsung CA
2020/12/18 全球购物
关于毕业的广播稿
2014/01/10 职场文书
关于青春的演讲稿
2014/05/05 职场文书
2015年世界卫生日活动总结
2015/02/09 职场文书
python使用pywinauto驱动微信客户端实现公众号爬虫
2021/05/19 Python
KVM基础命令详解
2022/04/30 Servers