angularjs - ng-clickでフォーム検証をトリガーする

Question

必須の電子メール フィールドを含む単純なフォームを表示するPlunkerを作成しました。ユーザーが電子メールを入力すると検証が機能しますが、ボタンをクリックしたときに検証をトリガーする方法はありますか。フォームの有効性に基づいてボタンを無効にしたくありません。

Answer 1

現在、ユーザーが入力するたびに変化するデータに ng-show をバインドしています。代わりに、ボタンがクリックされたときに変化するデータにバインドします。これが私の見解です：

$scope.update = function(user) {
    $scope.isEmptyEmail = $scope.form.uEmail.$error.required;
    $scope.isInvalidEmail = $scope.form.uEmail.$error.email;
};

次に、データをこれらの新しい値にバインドします。

  <span ng-show="isEmptyEmail">Tell us your email.</span>
  <span ng-show="isInvalidEmail">This is not a valid email.</span>

Answer 2

私が正しく理解しているなら、あなたは持っています

htmlで：

ng-click="update(form)

コントロールで：

 $scope.update = function(form) {
    //form.uEmail.$error.email
    //..etc
    console.log('update');
  };

そして検証を続ける