无法在Javascript中验证日期

时间:2014-06-18 02:01:10

标签: javascript validation date

我需要验证我的约会。但是,当我输入 01132014 时,它不会显示任何错误消息并打印出 2015年1月1日 此外,当我输入06035555时,它不会打印出任何错误并继续显示 06 Mar 5555

但如果我键入了像33333333这样的奇怪日期,它会输出"您的输入完全没有逻辑"
此外,我不希望错误消息弹出警告框。我希望错误消息显示在文本框本身。我该怎么做?

我可以知道应该添加什么来验证吗?我试图查看其他答案,但仍然无法正常工作。

使用Javascript:     

    function parseDate(s) {

    if (isNaN(Date.parse(s))) {
            alert("Your input has no logic at all");
            return;
        }

        var reg = /^(((0[1-9]|[12]\d|3[01])\/(0[13578]|1[02])\/((19|[2-9]\d)\d{2}))|((0[1-9]|[12]\d|30)\/(0[13456789]|1[012])\/((19|[2-9]\d)\d{2}))|((0[1-9]|1\d|2[0-8])\/02\/((19|[2-9]\d)\d{2}))|(29\/02\/((1[6-9]|[2-9]\d)(0[48]|[2468][048]|[13579][26])|((16|[2468][048]|[3579][26])00))))$/g;

        var dateParts = s.split("/");

        var date = new Date(dateParts[2], (dateParts[1] - 1), dateParts[0]);

        var dateStrParts = date.toString().split(" ");

        return (date.getDate() + ", " + dateStrParts[1] + " " + dateStrParts[3]);
    }
</script>

日历标记:

    <p:calendar 
    value="#{pc_Rpt2202.asat_date}"
    id="rp2202_input_as_at" 
    styleClass="calendar" 
    maxlength="10"
    pattern="dd MMM yyyy"
    onchange="$(this).val(parseDate($(this).val()))"
    onfocus="$(this).mask('99/99/9999');"
>
    <p:watermark for="rp2202_input_as_at" value="dd/MMM/yyyy" />
    <f:convertDateTime pattern="dd MMM yyyy" />
</p:calendar>

1 个答案:

答案 0 :(得分:0)

好的,有两件事。首先,Date.parse往往是特定于实现的,因此我不会使用它。 第二,基本上正则表达式是模式验证器,而不是内容验证器。你最好的办法是保持正则表达式简单,比如/^(0?[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(19|20)[0-9][0-9]$/,然后拆分并检查碎片的内容,如下所示:

var re = /^(0?[1-9]|[12][0-9]|3[01])\/(0[1-9]|1[0-2])\/(19|20)[0-9][0-9]$/;
if (!re.test(s)) {
        $('#rp2202_input_as_at').val("Your input has no logic at all");
        return;
    }
 var dateParts...etc.