How to check both invalid date format and age greater than 18 years validation in one code?

Question

I have written javascript like below

    <script type="text/javascript">
    function ValidateDate() {
        var dt = document.getElementById("<%=txtDOB.ClientID%>").value;
        var currentTime = new Date();
        var inputdate = dt;
        currentTime = currentTime.format('dd-MMM-yyyy');
        if (dt == "" || dt == undefined) {
            document.getElementById("<%=lblValidDate.ClientID%>").style.display = "none";
        }
        else {  
        var inputdate = dt;
            if (new Date(inputdate).getYear() <= new Date(currentTime).getYear() - 18) {

                document.getElementById("<%=lblValidDate.ClientID%>").style.display = "none";
                return true;
            }
            else if(new Date(inputdate).getYear() >= new Date(currentTime).getYear() - 18)
            {

                    document.getElementById("<%=lblValidDate.ClientID%>").style.display = "block";
                    return false;
                }

        else {
                document.getElementById("<%=lblValidDate.ClientID%>").style.display = "none";
                return false;

            }

        }

    }
</script>

In html

<div style="display:none" id="dateformaterror">Please enter date in    mm/dd/yyyy or m/d/yyyy format</div>
   <asp:Label runat="server" ID="lblValidDate" Style="color: Red; display: none;"><b>Minimum Age should be 18 years old</b></asp:Label>
  <asp:TextBox ID="txtDOB" CssClass="datepiker" runat="server" onchange="ValidateDate()"></asp:TextBox>

I want that the above javascript should check both validation. one is that the age should be above 18 years and the second one is if user enters date in wrong format I mean other than mm/dd/yyyy or m/d/yyyy format then the div with class datefomaterror should be visible?

Please help me!!! Also guide me in improving the javascript code.

Why do.you have the jquery tag? You aren't using jQuery anywhere — s-ol, Mar 06 '15 at 07:00
Check this for validating date: http://stackoverflow.com/questions/14693298/js-check-for-valid-date-format/28777878#28777878 — Sony Mathew, Mar 06 '15 at 07:06
Can anyone please provide me the code segment for checking date format in javascript. — Nida, Mar 06 '15 at 07:31

score 1 · Answer 1 · answered Mar 06 '15 at 07:13

var start ="1989-01-10";

// ex) 2014-08-10
if (start.length != 10 || start.indexOf("-") < 0) {
    alert("[Error] Check date form");
    return null;
}
// get Age
var nowDate = new Date();
var birth = new Date(start);

var now = nowDate.getFullYear();
var my =birth.getFullYear();
var myAge = now - my -1;

if(myAge < 18) {
    alert("You are so young");
}
else if (myAge <0) {
    alert("Please,Try again");
}
else
    alert("You are "+ myAge);

score 1 · Answer 2 · edited Dec 15 '17 at 13:00

One way of confirming the validity of a date is using the valueOf() method in Date.

example:

    var a = new Date('12/15/2015');
    isNaN(a.valueOf()); // false, this means it is a valid date.

    // whereas an invalid date would return true
    a = new Date('14/15/2015');
    isNaN(a.valueOf()); // true

You can use this to check if the date entered is valid of not. isNan checks if a number is Not a Number.

So your ValidateDate() method can be something like this:

    function ValidateDate() {
        var inputDateString = document.getElementById('date').value,
            inputDate = new Date(inputDateString),
            invalidErrorMessage =  document.getElementById('invalid'), // Replace with your ID
            below18ErrorMessage = document.getElementById('below18'); // Replace with your ID

        invalidErrorMessage.style.display = 'none';
        below18ErrorMessage.style.display = 'none';

        if (!inputDateString.trim() || isNaN(inputDate.valueOf()) {
           invalidErrorMessage.style.display = "block";
           return;
        }

        if (new Date().getFullYear() - inputDate.getFullYear() < 18) {
            below18ErrorMessage.style.display = "block";
            return;
        }
    }

Please note in this check - and / both give valid dates.

Also here

    var currentTime = new Date();
    currentTime = currentTime.format('dd-MMM-yyyy');

Date does not have a format() method, unless you have changed its prototype.

Use this fiddle here for more reference.

score 0 · Answer 3 · edited May 23 '17 at 12:29

0

You can try Moment.js to fiddle with dates - http://momentjs.com/

Also check this out: Moment.js - how do I get the number of years since a date, not rounded up?

edited May 23 '17 at 12:29

Community

1
1

answered Mar 06 '15 at 07:01

prototype

3,303
2
27
42

How to check both invalid date format and age greater than 18 years validation in one code?

3 Answers3