Developers Blog: JavaScript

Showing posts with label JavaScript. Show all posts

Thursday, 22 January 2015

Get the Parameters From the Form URL in JavaScript

Tuesday, 13 January 2015

Blinking Your HTML Title

Thursday, 1 January 2015

Change The Date Rage of one Date Field W.R.T another Date Field

$( "#dateField" ).datepicker({
            changeMonth: true,
            changeYear: true,
            buttonImage: "images/calander.png",
            buttonImageOnly: true,
            yearRange: "-100:+0",
            maxDate: '-1d',
            dateFormat: "dd-mm-yy",

            onSelect: function(dateText)
            {
                document.getElementById("dateFieldError").style.display='none';
                var x=$( "#dob" ).val();
                var y=dateText;
                split_dob = x.split('-');
                var formatted_dob = new Date();
                formatted_dob.setFullYear(split_dob[2], split_dob[1]-1, split_dob[0]);

                split_dateField = y.split('-');
                var formatted_dateField = new Date();
                formatted_dateField.setFullYear(split_pid[2], split_pid[1]-1, split_pid[0]);

                if(formatted_dob > formatted_dateField)
                {
                    alert("Date cannot be less than birth date.");
                    $( "#dateField" ).val('');
                }

            }
        })

Validating Dates in JavaScript

Here we are Validate the Date Fields which are Dependent on each other i.e., The Date selected in one filed will depend on another field

function validateSomeDateField()
{
    var dateField = document.Form.dateField.value;
    split_dateField = dateField.split('-');
    var formatted_dateField = new Date();
    formatted_dateField.setFullYear(split_pid[2], split_pid[1]-1, split_pid[0]);

    var currentDate = new Date();
    if( formatted_dateField >= currentDate )
    {
        alert("Date Cannot Be Future");
        document.Form.dateField.value = '';
        document.Form.dateField.focus();
        return false;
    }

    var dateofbirth = document.Form.dateofbirth.value;
    split_dob = dateofbirth.split('-');
    var formatted_dob = new Date();
    formatted_dob.setFullYear(split_dob[2], split_dob[1]-1, split_dob[0]);

    if( formatted_dateField <= formatted_dob )
    {
        alert("Date cannot be less than birth date.");
        document.Form.dateField.value = '';
        document.Form.dateField.focus();
        return false;
    }
    if(formatted_dob >= formatted_dateField )
    {
        alert("Date cannot be less than birth date.");
        document.Form.dateField.value = '';
        document.Form.dateField.focus();
        return false;
    }
    return true;
}

Adding Data Dynamically To Array and Displaying Them Using JavaScript

<html>
<head>
<title> Dynamic | Data </title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
function viewNextMsg() {
    if (messages.length == 0) {
        alert("Empty Array");
    } else {
        $('#message').html(messages.pop()).fadeIn(500).delay(1000).fadeOut(500, viewNextMsg);
    }
};

var messages = [
    "Message 1",
    "Message 2",
    "Message 3",
    "Message 4",
    "Message 5"
].reverse();

$('#message').hide();
viewNextMsg();
</script>
</head>
<body onload="viewNextMsg()">
<p>Here is a message: <span id="message"></span></p>
</body>
</html>

View in JS Fiddle

Pages