NetAdvantage asp.net ——使用WebDateChooser在客户端验证开始日期与结束日期
2007-09-28 10:03
746 查看
对于日期选择,我们经常使用 WebDateChooser控件,当涉及到开始日期与结束日期的时候,就需要验证日期的合法性,这种情况在开发过程中经常遇到,所以我们可以编写一个通用的方法在客户端就验证日期的合法性,而不必等到提交到服务器才进行验证,方法如下:
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
public void BindCompareDateChoosers(Control userControl,Infragistics.WebUI.WebSchedule.WebDateChooser beginDateChooser, Infragistics.WebUI.WebSchedule.WebDateChooser endDateChooser)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
string compareJS = "<script language=javascript>" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"function CompareDate(oCalendar, newValue, oEvent) " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"{" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateChooserBegin = igdrp_getComboById('" + beginDateChooser.ClientID + "'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateChooserEnd = igdrp_getComboById('" + endDateChooser.ClientID + "'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(oCalendar==dateChooserBegin.Calendar)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBegin=newValue;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEnd = dateChooserEnd.getValue();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEndText = dateChooserEnd.getText();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(dateEndText!='---请选择---' && dateEndText!='' && dateBegin>dateEnd)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" alert('选择日期区间时,起始日期不能晚于截止日期!'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" oEvent.cancel = true;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(oCalendar==dateChooserEnd.Calendar)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBegin=dateChooserBegin.getValue();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEnd = newValue;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBeginText = dateChooserBegin.getText(); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(dateBeginText!='---请选择---' && dateBeginText!='' && dateBegin>dateEnd)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" alert('选择日期区间时,起始日期不能晚于截止日期!'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" oEvent.cancel = true;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"}" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"</script>";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
userControl.Page.ClientScript.RegisterStartupScript(userControl.GetType(), "CompareDate", compareJS);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
beginDateChooser.ClientSideEvents.CalendarValueChanging = "CompareDate";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
endDateChooser.ClientSideEvents.CalendarValueChanging = "CompareDate";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
我们可以在页面或者控件的Page_Load函数里直接调用BindCompareDateChoosers(this,beginDateChooser,endDateChooser)来绑定验证日期的脚本。
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/None.gif)
public void BindCompareDateChoosers(Control userControl,Infragistics.WebUI.WebSchedule.WebDateChooser beginDateChooser, Infragistics.WebUI.WebSchedule.WebDateChooser endDateChooser)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockStart.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ContractedBlock.gif)
...{
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
string compareJS = "<script language=javascript>" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"function CompareDate(oCalendar, newValue, oEvent) " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"{" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateChooserBegin = igdrp_getComboById('" + beginDateChooser.ClientID + "'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateChooserEnd = igdrp_getComboById('" + endDateChooser.ClientID + "'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(oCalendar==dateChooserBegin.Calendar)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBegin=newValue;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEnd = dateChooserEnd.getValue();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEndText = dateChooserEnd.getText();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(dateEndText!='---请选择---' && dateEndText!='' && dateBegin>dateEnd)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" alert('选择日期区间时,起始日期不能晚于截止日期!'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" oEvent.cancel = true;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(oCalendar==dateChooserEnd.Calendar)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBegin=dateChooserBegin.getValue();" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateEnd = newValue;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" var dateBeginText = dateChooserBegin.getText(); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" if(dateBeginText!='---请选择---' && dateBeginText!='' && dateBegin>dateEnd)" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" {" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" alert('选择日期区间时,起始日期不能晚于截止日期!'); " +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" oEvent.cancel = true;" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
" }" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"}" +
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
"</script>";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
userControl.Page.ClientScript.RegisterStartupScript(userControl.GetType(), "CompareDate", compareJS);
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
beginDateChooser.ClientSideEvents.CalendarValueChanging = "CompareDate";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
endDateChooser.ClientSideEvents.CalendarValueChanging = "CompareDate";
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/InBlock.gif)
![](http://images.csdn.net/syntaxhighlighting/OutliningIndicators/ExpandedBlockEnd.gif)
}
我们可以在页面或者控件的Page_Load函数里直接调用BindCompareDateChoosers(this,beginDateChooser,endDateChooser)来绑定验证日期的脚本。
相关文章推荐
- NetAdvantage asp.net ——使用WebDateChooser在客户端验证开始日期与结束日期
- NetAdvantage asp.net ——使用WebDateChooser在客户端验证开始日期与结束日期
- 通过使用客户端证书调用 Web 服务以便在 ASP.NET Web 应用程序中进行身份验证
- ASP.NET项目开发中日期控件DatePicker如何使用
- 在asp.net使用web.config身份验证
- 支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍
- VS2012使用验证控件出现[ASP.NET]WebForms UnobtrusiveValidationMode 需要 'jquery' 的 ScriptResourceMapping。請加入 ScriptResourceMapping 命名的 jquery (區分大小寫)。的解决办法。
- WebDateChooser 检测开始时间,结束时间合法性
- Asp.net MVC中不使用IFrame 引起的客户端 验证失败的解决办法
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(4)--使用ASP.NET验证控件
- ASP.NET项目开发中日期控件DatePicker如何使用
- ASP.NET jQuery 随笔 使用allValidator插件简单实现客户端验证功能
- 不能使用ASP.NET验证控件---WebForms UnobtrusiveValidationMode 需要“jquery”ScriptResourceMapping。请添加一个名为 jquery (区分大小写)的 ScriptRes
- ASP.NETWeb服务器验证控件如何使用
- ASP.NET - 演练:使用客户端脚本全球化日期
- 一步步学习SPD2010--第十四章节--在Web页面使用控件(4)--使用ASP.NET验证控件
- 利用Asp.net中的AJAX制作网页上自动选取开始日期及结束日期的用户自定义控件
- ASP.NET 使用WebServices+Ajax实现无刷新验证用户是否已注册
- ASP.NETWeb服务器验证控件如何使用
- 支持ASP.NET MVC、WebFroM的表单验证框架ValidationSuar使用介绍