Compare Validation for drop down list with time in AM/PM format
<p>I have 4 drop downs: here is the drop down code.</p>

<pre><code>&lt;asp:DropDownList ID="DDL_TimeFromMon" runat="server"&gt;
                                    &lt;asp:ListItem Text="1" Value="1"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="2" Value="2"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="3" Value="3"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="4" Value="4"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="5" Value="5"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="6" Value="6"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="7" Value="7"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="8" Value="8"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="9" Value="9"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="10" Value="10"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="11" Value="11"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="12" Value="12"&gt;&lt;/asp:ListItem&gt;
                                &lt;/asp:DropDownList&gt;
                                &lt;asp:DropDownList ID="ddl_MonFromAMPM" runat="server"&gt;
                                    &lt;asp:ListItem Text="AM" Value="AM"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="PM" Value="PM"&gt;&lt;/asp:ListItem&gt;
                                &lt;/asp:DropDownList&gt;

                                &amp;nbsp;&lt;asp:Label ID="Label1" runat="server" ForeColor="Gray" Text="to"&gt;&lt;/asp:Label&gt;
                                &lt;asp:DropDownList ID="DDL_TimeToMon" runat="server"&gt;
                                    &lt;asp:ListItem Text="1" Value="1"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="2" Value="2"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="3" Value="3"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="4" Value="4"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="5" Value="5"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="6" Value="6"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="7" Value="7"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="8" Value="8"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="9" Value="9"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="10" Value="10"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="11" Value="11"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="12" Value="12"&gt;&lt;/asp:ListItem&gt;
                                &lt;/asp:DropDownList&gt;
                                &lt;asp:DropDownList ID="ddl_MonToAMPM" runat="server"&gt;
                                    &lt;asp:ListItem Text="AM" Value="AM"&gt;&lt;/asp:ListItem&gt;
                                    &lt;asp:ListItem Text="PM" Value="PM"&gt;&lt;/asp:ListItem&gt;
                                &lt;/asp:DropDownList&gt;
</code></pre>

<p>one drop down is for from time in 12 hours the other is AM/PM. same repeats for to drop down. How can a compare validator work, so that we can verify that to time is greater then from time. AM/PM. I tried Compare validator on both, but it is giving error when i select drop with whatever values. please point me to right direction. If this is not possible with compare validator, then sample code for jquery or javascrpt for validation. 
Thanks in advance</p>
