model view controller - How to call a javascript function on pageload in MVC - Stack Overflow

admin管理员组

文章数量:1399347

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?

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?

• javascript
• model-view-controller
• pageload

Share Improve this question Follow asked Feb 23, 2015 at 14:01 Sachin YadavSachin Yadav 18733 gold badges44 silver badges1515 bronze badges

Add a ment  | 

3 Answers 3

Sorted by: Reset to default 2

You can also use plain JavaScript as follows:

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

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.

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

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

Or using the shorthand syntax:

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

本文标签： model view controllerHow to call a javascript function on pageload in MVCStack Overflow