我的要求是这样的。
我需要维护一个假期清单。为此,我需要在保存/编辑条目时进行一些验证。
我的数据库包含一个带有 HolidayDate 列的表。我在页面中有一个文本框(jquery 日期选择器)。如果我选择的日期已经保存到表中,我应该显示一条警报消息。
谁能尽快帮助我,好吗?提前致谢。艾什瓦利亚。
我的要求是这样的。
我需要维护一个假期清单。为此,我需要在保存/编辑条目时进行一些验证。
我的数据库包含一个带有 HolidayDate 列的表。我在页面中有一个文本框(jquery 日期选择器)。如果我选择的日期已经保存到表中,我应该显示一条警报消息。
谁能尽快帮助我,好吗?提前致谢。艾什瓦利亚。
试试这个:
<asp:TextBox ID="DateControl" runat="server"></asp:TextBox>
<asp:RangeValidator ID ="DateValidator" runat ="server" ControlToValidate="DateControl" ErrorMessage="Invalid Date" Type="Date" MinimumValue="01/01/1900" MaximumValue="01/01/2100" Display="Dynamic"></asp:RangeValidator>
还有更多关于 RangeValidator 的信息:http: //msdn.microsoft.com/en-us/library/f70d09xt (v=vs.71).aspx
示例: http ://www.w3schools.com/aspnet/showasp.asp?filename=demo_rangevalidator
服务器端验证的最简单方法:
后面的代码:
protected void Button1_Click(object sender, EventArgs e)
{
DateTime result;
if (DateTime.TryParse(DatePicker.Text, out result))
{
//handle results
}
else
{
// e.g. highlight DatePicker or handle error
}
}
形式:
<asp:TextBox ID="DatePicker" runat="server"></asp:TextBox>
<asp:Button ID="Button1" runat="server" Text="Button" onclick="Button1_Click" />
Jquery 验证示例:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>jQuery UI Datepicker - Default functionality</title>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js"></script>
<link rel="stylesheet" href="/resources/demos/style.css" />
<script>
$(function() {
$( "#datepicker" ).datepicker({minDate: new Date(2013, 0, 01),maxDate: new Date(2013, 04, 01), dateFormat: "yyyy/mm/dd"});
}); <!-- select only date from 1 jan 2013 to 1 may 2013 --!>
</script>
</head>
<body>
<p>Date: <input type="text" id="datepicker" /></p>
</body>
</html>