1 
 <div ng-show="!login.SecQuestions && !login.ResetUser">
                <h3>Answer security questions</h3>
                <ul>
                    <li>
                        <label>Please answer the following question(s)</label>
                    </li>
                </ul>
                <ul>
                    <li>
                        *= required field
                    </li>
                </ul>

                <ul ng-repeat="Question in login.SecurityQuestions">
                    <li>
                        {{Question.Question}}
                    </li>
                    <li>
                        <ng-form name="SecQuestionForm" novalidate>
                            <textarea name="SecurityAnswer" ng-model="Question.Answer" type="text" required></textarea>
                            <span style="color:red" ng-if="SecQuestionForm.SecurityAnswer.$dirty" ng-show="SecQuestionForm.SecurityAnswer.$invalid">required.</span>
                        </ng-form>
                    </li>
                </ul>

                <ul>
                    <li>
                        <button class="primaryButton" ng-disabled="ResetNamePass.SecQuestionForm.$invalid" ng-click="Continue_2()">Continue</button>
                    </li>
                </ul>
            </div>

ng-Form の動的検証 ボタンが有効になっている場合、3 つの必須フィールドすべてが検証されるわけではなく、最後の Textarea の必須性に応じて有効になります。

エラーのスクリーンショット

https://drive.google.com/folderview?id=0Bz2v151kdXv8fjNsc0VGLVpOOFNoRklCcTdZNjFkOWprOEYteENJTUN1YUZUbHRVc3hNaFE&usp=共有

4

4 に答える 4

1

このフォームのようなものがあると想像してみましょう

<form name='form'>
   <input name='name'></input>
   <button ng-disabled='!form.name'></button>
</form>

それが役立つことを願っています Demo Fiddle

于 2015-04-02T09:42:24.380 に答える