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

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

示例：

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

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

使用此小提琴here作为参考。

Answer 3

你可以尝试使用Moment.js摆弄日期 - http://momentjs.com/

同时检查一下：Moment.js - how do I get the number of years since a date, not rounded up?

如何在一个代码中检查无效日期格式和超过18年验证的年龄？

3 个答案: