Compare
Validation for dates of format dd-MMM-yyyy in ASP.NET using Javascript
<%@ Register Assembly="AjaxControlToolkit"
Namespace="AjaxControlToolkit"
TagPrefix="ajc"
%>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>Compare
Validation for dates of format dd-MMM-yyyy in ASP.NET using C#/VB.NET
<style type="text/css">
.color
{
color: Red;
}
</style>
<script src="http://code.jquery.com/jquery-latest.min.js"
type="text/javascript"></script>
<script type="text/javascript" language="javascript">
function ClearDate(e) {
if (e.keyCode == '8')
return true;
else
return false;
}
function DatesValidator_Validate(source, arguments)
{
var sd = $("input[id$='txtStartDate']").val();
var ed = $("input[id$='txtEndDate']").val();
var date1 = Date.parse(sd);
var date2 = Date.parse(ed);
if
(date1 > date2) {
arguments.IsValid = false;
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:ScriptManager ID="ScriptManager1"
runat="server"
/>
StartDate/End Date:<asp:TextBox ID="txtStartDate"
runat="server"
TabIndex="5"
Width="130px"></asp:TextBox>
<ajc:CalendarExtender TargetControlID="txtStartDate" Format="dd-MMM-yyyy" runat="server"
Enabled="true"
ID="ccal1">
</ajc:CalendarExtender>
to
<asp:TextBox ID="txtEndDate"
runat="server"
TabIndex="6"
Width="130px"></asp:TextBox>
<ajc:CalendarExtender
ID="ccal2"
runat="server"
Enabled="True"
Format="dd-MMM-yyyy"
TargetControlID="txtEndDate">
</ajc:CalendarExtender>
<ajc:TextBoxWatermarkExtender
runat="server"
ID="TextBoxWatermarkExtender2"
TargetControlID="txtStartDate"
WatermarkText="dd-MMM-yyyy"
WatermarkCssClass="watermarked">
</ajc:TextBoxWatermarkExtender>
<ajc:TextBoxWatermarkExtender
runat="server"
ID="TextBoxWatermarkExtender4"
TargetControlID="txtEndDate"
WatermarkText="dd-MMM-yyyy"
WatermarkCssClass="watermarked">
</ajc:TextBoxWatermarkExtender>
<asp:RegularExpressionValidator
ID="RegularExpressionValidator1"
runat="server"
ControlToValidate="txtStartDate"
CssClass="color "
ErrorMessage="Enter
a valid End date e.g (dd-MMM-yyyy)." ValidationExpression="^(0?[1-9]|[12][0-9]|3[01])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(19|20)\d\d$"
SetFocusOnError="true"
Display="Dynamic"></asp:RegularExpressionValidator>
<asp:RegularExpressionValidator
ID="RegularExpressionValidator2"
runat="server"
ControlToValidate="txtEndDate"
ErrorMessage="Enter a
valid End date e.g (dd-MMM-yyyy)." ValidationExpression="^(0?[1-9]|[12][0-9]|3[01])-(Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec)-(19|20)\d\d$"
SetFocusOnError="true"
Display="Dynamic"
CssClass="color
"></asp:RegularExpressionValidator><br />
<asp:CustomValidator runat="server"
ID="CustomValidator1"
ClientValidationFunction="DatesValidator_Validate"
ErrorMessage="Enter
End Date is greater than Start Date." CssClass="color "></asp:CustomValidator><br />
<asp:Button ID="btnValidate"
runat="server"
Text="Validate"
/>
</div>
</form>
</body>
</html>
|
output
No comments:
Post a Comment