我旁边有一个文本框和一个日期选择器,我正在使用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>
答案 0 :(得分:33)
我使用此处理程序进行验证输入:
onClose: function(dateText, inst) {
try {
$.datepicker.parseDate('dd/mm/yy', dateText);
} catch (e) {
alert(e);
};
希望,这对某些人有用
答案 1 :(得分:4)
如果您使用的是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}))(?:\\s\u0433\\.)?\\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, month, 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" />
答案 2 :(得分:4)
我正在使用Katrin&amp; amp; Doc Holiday的方法,在我称之为isDate的自定义验证器中使用datepicker控件的parseDate实用程序方法。
只需将parseDate中的format参数更改为适当的值(引用:http://docs.jquery.com/UI/Datepicker/parseDate)。
$(document).ready(function()
{
$.validator.addMethod('isDate', function(value, element)
{
var isDate = false;
try
{
$.datepicker.parseDate('dd/mm/yy', value);
isDate = true;
}
catch (e)
{
}
return isDate;
});
$("#form1").validate();
$("#dateToValidate").rules("add", { isDate: true, messages: {isDate: "Date to Validate is invalid."} });
});
验证器引用UI控件可能不是最好的做法,但实际上是什么。 :)
答案 3 :(得分:0)
由于您已经在使用jquery,因此可以查看http://bassistance.de/jquery-plugins/jquery-plugin-validation/,它具有很高的验证灵活性。