HTML5の電子メールの検証は、私は次のコードを持っているjsの呼び出し

Question

を回避することができます。一般的に、フォームのすべての入力検証が成功した場合にのみsignIn（）メソッドが呼び出されるようにする方法はありますか？

Answer 1

$pristineを使用してフォームが空であるかどうかを確認し、$invalidを使用してフォームにデータが入力されているかどうかを確認します（無効な値などが考えられます）。

<form name="myForm"> 
    <input type="email" name="email" ng-model="email" required /> 
    <button ng-click="signIn()" ng-disabled="myForm.$invalid || myForm.$pristine">Save</button> 
</form> 

フォームが有効になるまで送信ボタンが無効（クリック不可）になります。

EDIT

HTML5の検証でのみ検証するために、フォームにname属性を追加し、あなたが提出時に、それの有効性にアクセスすることができます。

<form name="myForm">...</form> 

$scope.signIn = function(){ 
    if ($scope.myForm.$valid){ 
     // do sign in logic here 
    } 
} 

は多分ロジックをインライン化

<input type="submit" value="Sign in" ng-click="myForm.$valid && signIn()"> 

のでsignInはBのみになります（それが動作するかどうか）あなたの送信ボタンを上最初の部分が真であれば呼び出されます。

EDIT 2

AngularJS docs hereで見つけた情報をもとに、あなたにも、次の試みることができる？：

<form name="myForm"> 
    <input type="email" name="email" ng-model="email" required /> 
    <button ng-click="signIn()" ng-disabled="signIn()">Save</button> 
</form> 

$scope.signIn = function() { 
    if ($scope.myForm.email.$error.required) { 
     // ... 
    } 
}; 

現在$scope.myForm.email.$error.required構文アプローチを以下の通りです。

$scope.myFormまたは$scope.myForm.emailを記録して、値を変更したときの結果を確認してください。