問題、
どういうわけか、AngularJs で正しく検証できません。必須フィールドが存在しないか、送信時に間違っている場合、ユーザー入力ボックスだけを赤くしたい。
Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLnを作成しました。理解するために、非常に単純なプランカーを作成しました。
<input type="text" name="email" ng-model="userEmail" required>
助けてください
問題、
どういうわけか、AngularJs で正しく検証できません。必須フィールドが存在しないか、送信時に間違っている場合、ユーザー入力ボックスだけを赤くしたい。
Plunker http://plnkr.co/edit/0ea77wRG3EJC13c22LLnを作成しました。理解するために、非常に単純なプランカーを作成しました。
<input type="text" name="email" ng-model="userEmail" required>
助けてください
novalidate
form タグに属性が存在する場合、検証は機能しません。
送信時にフォームの検証を機能させるには、これを削除してください。
scotch.ioでこのチュートリアルを進めてください。フォーム検証の概要を説明します。
送信ボタンのクリック時に検証メッセージが表示されるようにする場合は、フラグを使用します。フラグをクリックすると、フラグをtrueに設定し、以下のようにangularJsにあった条件を使用します
<div class="form-group" ng-class="{ 'has-error' : submitClicked && userForm.email.$invalid && !userForm.email.$pristine }">
送信ボタンのクリック時に submitClicked フラグを true に設定します
<button type="submit" class="btn btn-primary btn-large" ng-click="submitClicked=true">Submit</button>
このリンクを試すこともできます