0x800a138f - JavaScript runtime error: Unable to get property 'value' of undefined or null reference

Question

5.00/5 (1 vote)

See more:

Hello Friends,
i have written a javascript code to compare 2dates from 2 textboxes the problem is that the page is running well in chrome but when i run my application in IE it throw an error "0x800a138f - JavaScript runtime error: Unable to get property 'value' of undefined or null reference"
please help me to overcome from this problem.
Thanks In Advance.
my java script code is

JavaScript

function CompareDates() {
        var fdate = document.getElementById('txtFromDate');
        var edate = document.getElementById('txtToDate');
        var FromDate = fdate.value.split('/');
        var EndDate = edate.value.split('/');
        var val = 'false';

        if (parseInt(FromDate[2]) < parseInt(EndDate[2])) {
            val = 'true';
            return true;
        }
        else if (parseInt(FromDate[2]) == parseInt(EndDate[2])) {
            if (parseInt(FromDate[0]) < parseInt(EndDate[0])) {
                val = 'true';
                return true;
            }
            else if (parseInt(FromDate[0]) == parseInt(EndDate[0])) {
                if (parseInt(FromDate[1]) <= parseInt(EndDate[1])) {
                    val = 'true';
                    return true;
                }
            }
        }
        if (val == "false") {
            alert("FromDate Always Less Than ToDate");
            return false;
        }
    }

and html code is

ASP.NET

<asp:TextBox ID="txtFromDate" runat="server" Width="150px" />
                    <ajaxToolkit:CalendarExtender CssClass="MyCalendar"  runat="server" ID="ceFromDate" TargetControlID="txtFromDate" Format="dd/MM/yyyy" />
<asp:TextBox ID="txtToDate" runat="server" Width="150px" />
                    <ajaxToolkit:CalendarExtender CssClass="MyCalendar"  runat="server" ID="ceToDAte" TargetControlID="txtToDate" Format="dd/MM/yyyy" />

 <asp:Button ID="btnGenerate" runat="server" CssClass="button" Text="Generate" OnClientClick="if(!CompareDates()) return false;" OnClick="btnGenerate_Click" />

Posted 30-Jan-14 2:18am

Amit Kumar143

Add a Solution

1 solution

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Amit Kumar143 · Answer 1 · 2014-01-30T02:32:00

sorry..!!
The error is here:

JavaScript

var fdate = document.getElementById('txtFromDate'); 
var edate = document.getElementById('txtToDate');

The problem is that txtFromDate and txtToDate are the server name of controls, not the client name.

i have Tried this:

JavaScript

var fdate = document.getElementById('<%=txtFromDate.ClientID%>');
var edate = document.getElementById('<%=txtToDate.ClientID%>');

Now It is Working Well.
:)
Happy Coding.