ifステートメントを使用してフォームを検証する方法javascript in angle

Question

ログイン機能を検証する必要があります。 Login.htmlファイルとLoginController.jsファイルを追加しました。私はこのjavascriptを使用してこれを検証したいと思います。これはangularjsコードです。その後、私はこのコードのためのPHPのURLを設定する必要があります。

login.htmlと

$scope.submitForm = function() { 
 

 
    \t \t var user_email = user_email; 
 
    \t \t var user_password = user_password; 
 

 
    \t \t if(user_email && user_password){ 
 

 
    \t \t \t console.log(user_email); 
 
     
 
    \t \t } 
 

 
    \t \t 
 

 
    \t };

<div ng-controller="LoginController"> 
 
     <form name="userForm" ng-submit="submitForm()"> 
 

 
     <div class="list"> 
 
      <label class="item item-input"> 
 
      <span class="input-label">Username</span> 
 
      <input type="text" name="user_email" ng-model="user.user_email" required> 
 
      </label> 
 
      <label class="item item-input"> 
 
      <span class="input-label">Password</span> 
 
      <input type="password" name="user_password" ng-model="user.user_password" required> 
 
      </label> 
 
     </div> 
 

 
     <span ng-show="userForm.user_email.$touched && userForm.user_email.$invalid">The Username is required.</span> </br> 
 
     <span ng-show="userForm.user_password.$touched && userForm.user_password.$invalid">The Password is required.</span> 
 

 
     <button class="button button-block button-positive activated">Sign In</button> 
 
     <button onclick="location.href='#/login/:friendId/register/';" class="button button-block button-positive activated">Register</button> 
 
     
 
     </form> 
 
     </div>

Answer 1

ご提供されたコードで行われた変更は、登録のクリック時に/あなたサインインフォームvalues.Checkを評価するためにng-clickを通じてsubmitForm()関数を呼び出すことができますモデルを動作させるための以下のコードスニペット。

angular.module('myApp', ['ng']) 
 

 
.controller('LoginController', ['$scope', 
 
    function($scope) { 
 
    $scope.user = {}; 
 
    $scope.submitForm = function() { 
 

 
     var user_email = $scope.user.user_email; 
 
     var user_password = $scope.user.user_password; 
 

 
     if (user_email && user_password) { 
 

 
     console.log(user_email); 
 

 
     } 
 
    }; 
 
    } 
 
]);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 
<div ng-app="myApp" ng-controller="LoginController"> 
 
    <form name="userForm"> 
 

 
    <div class="list"> 
 
     <label class="item item-input"> 
 
     <span class="input-label">Username</span> 
 
     <input type="text" name="user_email" ng-model="user.user_email" required>{{user.user_email}} 
 
     </label> 
 
     <label class="item item-input"> 
 
     <span class="input-label">Password</span> 
 
     <input type="password" name="user_password" ng-model="user.user_password" required>{{user.user_password}} 
 
     </label> 
 
    </div> 
 

 
    <span ng-show="userForm.user_email.$touched && userForm.user_email.$invalid">The Username is required.</span> 
 
    </br> 
 
    <span ng-show="userForm.user_password.$touched && userForm.user_password.$invalid">The Password is required.</span> 
 

 
    <button class="button button-block button-positive activated">Sign In</button> 
 
    <button ng-click="submitForm()" class="button button-block button-positive activated">Register</button> 
 

 
    </form> 
 
</div>