我正在尝试在我的网站上创建一个简单的注册表单。
出生日期"出生日期"属性,我使用:
<input type="date">
一切正常......除了一个烦人的细节:字段(日期选择器)允许用户手动输入日,月和年的值。
这意味着,用户可以写:&#34; 0000 &#34;作为他的出生年份。
我已经在网上搜索了一种防止这种情况的方法,但没有发现任何远程帮助。
现在,我正在使用&#34; Max&#34;确保用户年龄超过18岁的属性(我通过将&#34; Max&#34;属性设置为值:Current_Date减去18年来完成此操作)。
例如:今天是2015年10月13日。因此,用户可以输入的最大值作为他的出生日期: 1997年10月13日。
不幸的是,这并没有考虑MINIMUM值。可以将出生日期登记为:0000年10月13日。
我该如何解决这个问题?
当然,我可以简单地设定一个最小值,比如:1915年10月13日(意思是:你需要至少18岁,最多100岁)
显然,这很傻!
答案 0 :(得分:-1)
除了添加max
属性外,请尝试添加min
。
关于input
的MDN文章,min
解释了:https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#attr-min
您还可以考虑使用jQuery来验证表单输入。一个有用的jQuery插件是jQuery Validation Plugin
答案 1 :(得分:-1)
Bootstrap以Bootstrap风格提供灵活的datepicker小部件,配置非常简单。这是网站:https://bootstrap-datepicker.readthedocs.org/en/latest/。
有了这个,你只需要写:
<input class="datepicker" data-date-format="mm/dd/yyyy">
并使用JQuery提供一些信息。
希望它有所帮助。