asp.net – Jquery datepicker:验证日期mm/dd/yyyy
发布时间:2020-05-24 15:38:42 所属栏目:asp.Net 来源:互联网
导读:我旁边有一个文本框和一个日期选择器,我使用的是asp.net,用户可以输入日期,也可以从datepicker中选择日期. 如何验证日期输入是否正确? script type=text/javascript $(document).ready(function () { $(#%=StartDate.ClientID%).datepicke
|
我旁边有一个文本框和一个日期选择器,我使用的是asp.net,用户可以输入日期,也可以从datepicker中选择日期. 如何验证日期输入是否正确? <script type="text/javascript">
$(document).ready(function () {
$('#<%=StartDate.ClientID%>').datepicker({ showOn: 'button',buttonImage: '../images/Calendar.png',buttonImageOnly: true,onSelect: function () { },onClose: function () { $(this).focus(); }
});
});
</script>
解决方法如果您使用的是ASP.NET,则可以使用ASP.NET比较验证器[ ASP.NET Date Validator].<asp:TextBox ID="tb" runat="server"></asp:TextBox> <asp:CompareValidator ID="cv" runat="server" ControlToValidate="tb" ErrorMessage="* Please enter a valid date!" Text="*" Operator="DataTypeCheck" Type="Date"></asp:CompareValidator> ****更新** 我使用了上面的Compare Validator执行的javascript并在其周围包装了一个自定义的jQuery Validation方法: <script type="text/javascript">
$(document).ready(function () {
$.validator.addMethod("truedate",function (value,element,params) {
function GetFullYear(year,params) {
var twoDigitCutoffYear = params.cutoffyear % 100;
var cutoffYearCentury = params.cutoffyear - twoDigitCutoffYear;
return ((year > twoDigitCutoffYear) ? (cutoffYearCentury - 100 + year) : (cutoffYearCentury + year));
}
var yearFirstExp = new RegExp("^s*((d{4})|(d{2}))([-/]|. ?)(d{1,2})4(d{1,2}).?s*$");
try {
m = value.match(yearFirstExp);
var day,month,year;
if (m != null && (m[2].length == 4 || params.dateorder == "ymd")) {
day = m[6];
month = m[5];
year = (m[2].length == 4) ? m[2] : GetFullYear(parseInt(m[3],10));
}
else {
if (params.dateorder == "ymd") {
return null;
}
var yearLastExp = new RegExp("^s*(d{1,2})([-/]|. ?)(d{1,2})(?:s|2)((d{4})|(d{2}))(?:su0433.)?s*$");
m = value.match(yearLastExp);
if (m == null) {
return null;
}
if (params.dateorder == "mdy") {
day = m[3];
month = m[1];
}
else {
day = m[1];
month = m[3];
}
year = (m[5].length == 4) ? m[5] : GetFullYear(parseInt(m[6],10));
}
month -= 1;
var date = new Date(year,day);
if (year < 100) {
date.setFullYear(year);
}
return (typeof (date) == "object" && year == date.getFullYear() && month == date.getMonth() && day == date.getDate()) ? date.valueOf() : null;
}
catch (err) {
return null;
}
},"Please enter an actual date.");
$("#form1").validate();
$("#one").rules('add',{
truedate: {
cutoffyear: '2029',dateorder: 'mdy'
}
});
});
</script>
<input id="one" /> (编辑:安卓应用网) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- Asp.net – 尝试访问工作网页时出错
- asp.net-mvc – 为什么Visual Studio崩溃打开ASPX与MVC RC1
- .net – 编译器错误消息:编译器失败,错误代码为-532462766
- asp.net – UpdatePanel中的DropDownList
- asp.net-mvc – MVC 5:Asp.net身份:如何建模UserRole
- ASP.NET MVC在IIS6上
- 是否有比ASP.NET成员资格提供程序更现代的会员/安全性实现
- asp.net – 如何填充asp:DropDown客户端?
- asp.net – .NET 4中的SignalR支持
- asp.net-mvc – 哪个选择:ASP.NET MVC或RESTful WCF?
推荐文章
站长推荐
- asp.net – MiniProfiler.Stop()上的MVC Mini Pr
- Asp.NEt邮箱验证修改密码通过邮箱找回密码功能
- asp.net – 谷歌浏览器在浏览器关闭后保留会话变
- asp.net-mvc – “挑战”一词代表什么?
- asp.net-mvc – HttpPost和HttpGet属性在MVC:为
- asp.net-mvc – 如何确定视图是否为ASP.NET MVC中
- asp.net-mvc – 使用自定义ASP.NET MVC IValuePr
- asp.net-mvc – HTML5元素的“传说”太少了
- ASP.NET命名空间
- asp.net – 如何在x64中使用WebDev.WebServer.ex
热点阅读
