添加自动斜线后如何进行日期验证？

Question

我有一个文本字段。如果任何用户输入日期，它将自动在其上添加斜杠，但问题是它也接受 60/60/6060。 它也接受字符。你能帮我验证一下吗？

$(document).ready(function(){  
            $("#txtDate").keyup(function(e){
                if (e.keyCode != 8){    
                    if ($(this).val().length == 2){
                        $(this).val($(this).val() + "/");
                    }else if ($(this).val().length == 5){
                        $(this).val($(this).val() + "/");
                    }
                }
            });   
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<input type="text" name="date"  placeholder="date (dd/mm/yy)" maxlength=10 id="txtDate">

Answer 1

您可以使用 checkdate($mth,$day,$yr) 或正则表达式来验证日期。

/(0\d{1}|1[0-2])\/([0-2]\d{1}|3[0-1])\/(19|20)\d{2}/


$(document).ready(function () {
        $("#txtDate").keyup(function (e) {
            if (e.keyCode != 8) {

                if ($(this).val().length == 2) {
                    $(this).val($(this).val() + "/");
                } else if ($(this).val().length == 5) {
                    $(this).val($(this).val() + "/");
                }

            }
        });

        //below will clear the textbox onblur if invalid date entered
        $("#txtDate").blur(function () {
            var reg = /(0\d{1}|1[0-2])\/([0-2]\d{1}|3[0-1])\/(19|20)\d{2}/;
            if (!reg.test($("#txtDate").val())) {
                // clear box if invalid
                $("#txtDate").val("");
            }
        });
    });