Как проверить форму с помощью javascript-оператора if в angular

#javascript #jquery #html #angularjs

#javascript #jquery #HTML #angularjs

Вопрос:

Мне нужно проверить функцию входа в систему. Я добавил свой Login.html файл и LoginController.js досье. Я хочу проверить это с помощью этого javascript. Это код angularjs. после этого я должен установить php url для этого кода.

Login.html

 $scope.submitForm = function() {

  		var user_email = user_email;
  		var user_password = user_password;

  		if(user_email amp;amp; user_password){

  			console.log(user_email);
        
  		}

  		

  	};

 <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 amp;amp; userForm.user_email.$invalid">The Username is required.</span> </br>
        <span ng-show="userForm.user_password.$touched amp;amp; 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>

1. Я думаю, вы раньше не проводили никаких исследований?

2. Я понятия не имею, пожалуйста, можете ли вы дать мне ответ

3. scotch.io/tutorials/angularjs-form-validation

4. var x = x; — гарантирует, что x назначен undefined

5. Я знаю, как проверить интерфейс, но мне нужно проверить с помощью javascript

Ответ №1:

Внесены изменения в предоставленный вами код, при нажатии кнопки Регистрация / вход вы можете вызвать submitForm() функцию ng-click для оценки значений формы.Проверьте приведенный ниже фрагмент кода для рабочей модели.

 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 amp;amp; 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 amp;amp; userForm.user_email.$invalid">The Username is required.</span> 
    </br>
    <span ng-show="userForm.user_password.$touched amp;amp; 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>