我想限制我的DOB(出生日期)字段,这样6岁以下和70岁以上的用户都不能注册。
我想要的是:一旦用户输入日期,如果上述要求不匹配,表单就无效。
<form
style="width: 100%;"
(ngSubmit)="onSignUpStudent(s)"
#s="ngForm"
>
<div class="col-sm-6" style="padding-left: 0;">
<div class="form-group">
<input
class="form-control"
type="text"
name="dateOfBirth"
ngModel
onfocus="(this.type='date')"
onblur="(this.type='text')"
id="date"
required
[max]="maxDate"
[min]="minDate"
/>
<label class="form-control-placeholder" for="date"
>Date of Birth</label>
</div>
</div>
在这里我使用了max和min,但它不会给出无效的警告,用户可以在这里输入任何值,可以是未来日期,也可以是1000年前的日期。
必填:当用户输入错误的出生日期时,表单就会失效的解决方案
这个简单的代码可以在Chrome上设置日期:
<form>
<label for="party">Choose your preferred party date:
<input type="date" name="party" min="2017-04-01" max="2017-04-30">
</label>
</form>