How to call a javascript function on pageload in MVC

Question

This is my Java Script function:-

    function ValidatefuneralDate() {
    var today;
    var currentDate = new Date();
    var year = currentDate.getFullYear();
    var month = currentDate.getMonth() + 1;  
    var day = currentDate.getDate();

    if (window.location.href.indexOf("en-US") > -1) {
        today = month + '/' + day + '/' + year;
        var selectedDate = $("#Month option:selected").
        val() + '/' + $("#Day option:selected").text() + 
        '/' + $("#Year option:selected").text();
    }
    else {
        today = day + '/' + month + '/' + year;
        var selectedDate = $("#Day option:selected").
        text() + '/' + $("#Month option:selected").
        val() + '/' + $("#Year option:selected").text();
    }
    if ($("#Month option:selected").val()==2)
    {
        $("#Day option[value='31']").hide();
        $("#Day option[value='30']").hide();
        if ($("#Year option:selected").text() == 2016) {
            $("#Day option[value='29']").show();
        }
        else
        {
            $("#Day option[value='29']").hide();
        }
    }
    else if($("#Month option:selected").
    val() == 4 || $("#Month option:selected").
    val() == 6 || $("#Month option:selected").
    val() == 9 || $("#Month option:selected").val() == 11)
    {
        $("#Day option[value='29']").show();
        $("#Day option[value='30']").show();
        $("#Day option[value='31']").hide();
    }
    else
    {
        $("#Day option[value='31']").show();
    }
    if (selectedDate < today) {
        $("#lblFeneralDate").
        html('@Html.R(VirtualPath,"ValidatefuneralDate")');
        return false;
    }
    else { return true;}
  }

How can i call this function on page load time on browser? This function should call at the time of Page Load how can i do this? how can a function bind with the page load?

skay- · Accepted Answer · 2015-02-23 14:07:37Z

2

You can also use plain JavaScript as follows:

window.onload = function() {
  init();
  doSomethingElse();
};

answered Feb 23, 2015 at 14:07

skay-

1,5863 gold badges17 silver badges26 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Frebin Francis · Accepted Answer · 2015-02-23 14:05:00Z

0

You can use ready event in jquery api

$( document ).ready(function() {
  ValidatefuneralDate();
});

which is equivalent to:

$(function() {
  ValidatefuneralDate();
});

this will get invoked when the DOM is ready.

or you can use pageload event

$(document).on("pageload",function(){
  ValidatefuneralDate();
});

The pageload event is triggered after the page has been successfully loaded and inserted into the DOM.

answered Feb 23, 2015 at 14:05

Frebin Francis

1,9151 gold badge12 silver badges19 bronze badges

3 Comments

Sachin Yadav Over a year ago

Please tell me how ? i dont know syntax

Sachin Yadav Over a year ago

But sir it gives the fixed value in Day DDL its not changing according to month

Frebin Francis Over a year ago

you question doesn't need answer for this question. right? please update your question first or post another question.

DavidG · Accepted Answer · 2015-02-23 14:05:39Z

0

You are using jQuery so just use the standard jQuery page ready method:

$(document).ready(function() {
    ValidatefuneralDate();
})

Or using the shorthand syntax:

$(function() {
    ValidatefuneralDate();
})

answered Feb 23, 2015 at 14:05

DavidG

120k13 gold badges232 silver badges239 bronze badges

2 Comments

Sachin Yadav Over a year ago

its working but here only 2nd if condition is running control is not going to else part

DavidG Over a year ago

That's a bug with your code, either fix that yourself or open another question.

Collectives™ on Stack Overflow

How to call a javascript function on pageload in MVC

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related