如何在一个代码中同时检查无效的日期格式和18岁以上的年龄验证？

Question

我写了下面的JavaScript

    <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>

在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>

我希望上面的javascript应该检查两个验证。 一种是年龄应该在18岁以上，第二种是如果用户以错误的格式输入日期，我的意思是除mm / dd / yyyy或m / d / yyyy格式以外，则类datefomaterror的div应该可见？

请帮我！！！ 还要指导我改善javascript代码。

Answer 1

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);

Answer 2

确认日期有效性的一种方法是使用Date的valueOf()方法。

例：

    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

您可以使用它来检查输入的日期是否有效。 isNan检查数字是否Not a Number 。

因此，您的ValidateDate()方法可以如下所示：

    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;
        }
    }

请注意此支票-和/均提供有效日期。

也在这里

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

除非您更改了prototype ，否则Date没有format()方法。

请在此处使用此小提琴以获得更多参考。

Answer 3

你可以尝试用Moment.js日期捣鼓- http://momentjs.com/

还请检查以下内容： Moment.js-如何获取自日期起的年数，而不是四舍五入？