使用javascript显示来自日期和日期的错误消息 [英] Display error message for from date and to date using javascript

问题描述

Below is my code in aspx page for from date, to date now I need to do the client side validation for from date and to date such that I need to display error message if from date given in textbox is greater than to date given in the text box also from date and to date should not be greater than todays date I tried so many JavaScript examples but none of them worked for me.

        <span>
            ProjectName:<asp:DropDownList ID="ddlProjectNameTA" runat="server" AutoPostBack="True" OnSelectedIndexChanged="ddlProjectNameTA_SelectedIndexChanged"></asp:DropDownList> <%----%>
        </span>  
        <span>
            (OR) UserName:<asp:DropDownList ID="ddlUsers" runat="server"  AutoPostBack="true" OnSelectedIndexChanged="ddlUsers_SelectedIndexChanged"></asp:DropDownList>
        </span>  
        </div><br />
        <div style="padding-left:100px">
        <span>
            (OR) From Date<asp:TextBox ID="txtTAFromDate" Width="113px" runat="server" ReadOnly="true" ></asp:TextBox> <img src="calendar.png" />
        </span>  
        <span> 
            To Date<asp:TextBox ID="txtTAToDate" Width="113px" runat="server" ReadOnly="true" ></asp:TextBox> <img src="calendar.png" />
        <asp:Button ID="btnGet" runat="server" Text="GET" OnClick="btnGet_Click"/>
        </span>

我的尝试：

What I have tried:

what i tried-

<asp:CompareValidator ID="CompareValidator1" ValidationGroup = "Date" ForeColor = "Red" runat="server" ControlToValidate = "txtStartDate" ControlToCompare = "txtEndDate" Operator = "LessThan" Type = "Date" ErrorMessage="Start date must be less than End date."></asp:CompareValidator> i tried compare validator by placing ValidationGroup = "Date"

比较验证器，但我需要使用javascript，甚至这个比较验证器不能按照我的要求工作

but i need to do with javascript moreover even this compare validator is not working as per my requirement

推荐答案

Quote：

但是我还需要使用javascript，甚至这个比较验证器根据我的要求不能正常工作

but i need to do with javascript moreover even this compare validator is not working as per my requirement

试试这个

try this

<asp:Button ID="btnGet" runat="server" OnClientClick="return compareDate()"  Text="GET" OnClick="btnGet_Click" />

脚本

Script

function compareDate() {
           var from = document.getElementById('<%= txtTAFromDate.ClientID %>').value;
           var to = document.getElementById('<%= txtTAFromDate.ClientID %>').value;
           // assuming the date is in dd/mm/yyyy format
           from = toDateObject(from);
           to = toDateObject(to);
           if (from > to)
           {
               alert('start date should be lesser than end date');
               return false;
           }
           return true;

       }
       function toDateObject(dateStr) {
           var parts = dateStr.split('/');
           var date = new Date(parts[2], (parts[1] - 1), parts[0]);
           return date;

       }

这篇关于使用javascript显示来自日期和日期的错误消息的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！