Angular JS 表单验证器

Question

我在验证表单时遇到问题，我有这个验证示例，它仅在第一个输入为无效值时才显示错误，而在第一个字段为有效值时则不显示任何错误。

Answer 1

 Instead of using signup_form.name.$dirty && signup_form.name.$invalid && signup_form.submitted
Use this :-
    <div class="error"
                 ng-show="signup_form.email.$dirty && signup_form.email.$invalid && signup_form.submitted">

    <div class="error"
               ng-show="signup_form.username.$dirty && signup_form.username.$invalid && signup_form.submitted">

更新：- http://jsbin.com/fajoreguxu/1/

Answer 2

您似乎在所有检查中都使用了 name...

<div class="error" ng-show="signup_form.name.$dirty &&

您需要更改实际引用，因此 email 将是...

<div class="error" ng-show="signup_form.email.$dirty &&

Angular JS 表单验证器

Angular JS form validatior

forms

validation

angularjs