输入类型 日期验证 18岁以下

Question

我在验证输入类型=“日期”时遇到问题。不应该接受18岁以下的。请你帮助我好吗？谢谢。

我用谷歌搜索并搜索论坛，但没有找到答案。我尝试使用 PHP 在下一页中验证它，但我的教授告诉我必须在同一页面中验证它。与 onchange 一样，它必须经过验证。

<input type="date" name="bday" id="bday" value="">

Answer 1

如果您被允许使用 HTML5，那就非常简单了。您可以简单地使用 max 属性：

<input id="bday" type="date" max="1995-12-31" required="" />

如果您必须动态执行此操作，您可以动态创建 max 属性。

我做了一个例子： http://jsfiddle.net/trixta/wpb54/ http://jsfiddle.net/trixta/wpb54/4/

Answer 2

使用 JavaScript。如果您只想接受 18 岁及以上的出生日期，请尝试以下 JavaScript 代码。放入onblur="return dobcheck()"标签bday。

<script type="text/javascript">
function dobcheck()
{
    var birth = document.getElementById('bday')
    if(birth != "")
    {

        var record=document.getElementById('bday').value.trim();
        var currentdate=new Date();    
        var day1 = currentdate3.getDate();   
        var month1 = currentdate3.getMonth();
        month1++;     
        var year11 = currentdate3.getFullYear()-17;
        var year2= currentdate3.getFullYear()-100;   
        var record_day1=record.split("/");
        var sum=record_day1[1]+'/'+record_day1[0]+'/'+record_day1[2];  
        var current= month1+'/'+day1+'/'+year11;
        var current1= month1+'/'+day1+'/'+year2;
        var d1=new Date(current)
        var d2=new Date(current1)
        var record1 = new Date(sum);      
        if(record1 > d1)
        {

            alert("Sorry ! Minors need parential guidance to use this website");
            document.getElementById('bday').blur();
            document.getElementById('bday').value="";
            document.getElementById('bday').focus();
            return false;
        }
    } 
}
</script>

我希望现在你能明白......