AngularJS：手动输入时如何验证日期格式（DD/MM/YYYY）

Question

我使用的是 Angular js 1.4 版本。我检查了这个link 并检查了正则表达式，但对我没有帮助。当我尝试“2013-11-33”（在上面的链接中）时，它的验证为真，这是错误的。

这是我的html

.. <div class="form-item">
    <!--<input required ng-model="dob" placeholder="Date of Birth* dd/mm/yyyy" class="textbox-n dob" type="text" onfocus="(this.type='date')" id="dobTxt" name="dobTxt" min="1910-01-01" max="2013-12-31">-->
    <input required ng-model="user.dob" placeholder="Date of Birth* dd/mm/yyyy" class="dob" type="text" id="dobTxt" name="dobTxt">    
</div> 
.....
<!--Validation Summary-->
                <div class="alert alert-danger validationSum" role="alert" style="margin-bottom: -20px;"
                     ng-show="submitted &&
                     (registerForm.genderSelect.$error.required
                     || registerForm.firstNameTxt.$error.required || registerForm.lastNameTxt.$error.required
                     || registerForm.dobTxt.$error.required || registerForm.dobTxt.$error.date
                     || registerForm.mobileTxt.$error.required
                     || registerForm.emailTxt.$error.required || registerForm.emailTxt.$error.email || (user.email != confirmEmail) || emailExist
                     || registerForm.pharmacySelect.$error.required)">
                    <ul>
                        <li ng-show="registerForm.genderSelect.$error.required">
                            Gender is required.
                        </li>
                        <li ng-show="registerForm.firstNameTxt.$error.required">
                            First name is required.
                        </li>
                        <li ng-show="registerForm.lastNameTxt.$error.required">
                            Last name is required.
                        </li>
                        <li ng-show="registerForm.dobTxt.$error.required">
                            Date of birth is required.
                        </li>
                        <li ng-show="registerForm.dobTxt.$error.date">
                            Not a valid date!
                        </li>
                        <li ng-show="registerForm.mobileTxt.$error.required">
                            Contact number is required.
                        </li>
                        <li ng-show="registerForm.emailTxt.$error.required">
                            Email is required.
                        </li>
                        <li ng-show="registerForm.emailTxt.$error.email">
                            Invalid email.
                        </li>
                        <li ng-show="isEmailMatched = (user.email != confirmEmail)">
                            Emails have to match!
                        </li>
                        <li ng-show="registerForm.pharmacySelect.$error.required">
                            Preferred pharmacy is required.
                        </li>
                        <li ng-show="emailExist">
                            This email has already been used to complete a questionnaire. Please contact your practitioner for your assessment.
                        </li>
                    </ul>
                </div>

问题是当我输入错误的日期时，它没有被解雇。我尝试了一些其他链接和 plunker 更改，但没有解决问题。

Answer 1

问题是您没有在任何地方验证user.dob。您只检查dobTxt 是否以日期的形式输入，但不检查该日期是否有效。 Here 和 here 是一些如何验证日期的示例。