提问者:小点点

如何添加出生日期限制和验证在我的模板驱动的表单角?


我想限制我的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年前的日期。

必填:当用户输入错误的出生日期时,表单就会失效的解决方案


共1个答案

匿名用户

这个简单的代码可以在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>

相关问题