как получить доступ к различным элементам формы на HTML-странице с помощью Angular JS без использования Views of Angular JS

0

Привет, я новичок в Angular Js, и я пытаюсь создать страницу входа, где у меня есть три формы:

  1. Форма входа
  2. Создать новую форму учетной записи
  3. Забыли пароль.

Все эти формы представлены на одной странице HTML.HTML для входа (login.html) следующим образом:

 <form class="login-form" ng-submit="submit()" method="POST" ng-controller="SignInController"  >
        <h3 class="form-title">Sign In</h3>
        <div class="alert alert-danger display-hide">
            <button class="close" data-close="alert"></button>
            <span>
        Enter any username and password. </span>
        </div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">Email Address</label>
            <input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="Email Addresss" name="email" ng-model="email_id"/>
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">Password</label>
            <input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off"  placeholder="Password" name="password" ng-model="password"/>
        </div>
        <div class="form-actions"  >
            <button type="submit" class="btn btn-success uppercase">Login</button>
            <a href="javascript:;" id="forget-password" class="forget-password">Forgot Password?</a>
        </div>
        <div class="create-account">
            <p>
                <a href="javascript:;" id="register-btn" class="uppercase">Create an account</a>
            </p>
        </div>
    </form>


<form class="forget-form" method="post" ng-controller="ForgetPassword" ng-submit="passwordGenerator()"> <!-- action="#"-->
        <h3>Sign In</h3>
        <div class="form-group">
            <input class="form-control placeholder-no-fix" type="text" autocomplete="off" placeholder="Email Address" name="email" ng-model="ForgetPassEmailId" />
        </div>
        <div class="form-actions">
            <button type="submit" class="btn btn-success uppercase btn-block">Reset my password</button> <!--type="submit" -->
        </div>
    </form>

<form class="register-form" action="select_pricing.html" method="post">
        <h3>Create Account</h3>
        <p class="hint">
            Enter your personal details below:
        </p>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">Full Name</label>
            <input class="form-control placeholder-no-fix" type="text" placeholder="Full Name" name="fullname" />
        </div>
        <div class="form-group">
            <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
            <label class="control-label visible-ie8 visible-ie9">Email Address</label>
            <input class="form-control placeholder-no-fix" type="text" placeholder="Email Address" name="email" />
        </div>
        <div class="form-group">
            <label class="control-label visible-ie8 visible-ie9">Password</label>
            <input class="form-control placeholder-no-fix" type="password" autocomplete="off" id="register_password" placeholder="Password" name="password" />
        </div>
        <div class="form-group margin-top-20 margin-bottom-20">
            <label class="check">
                <input type="checkbox" name="tnc" /> I agree to the <a href="#">
        Terms of Service </a> & <a href="#">
        Privacy Policy </a>
            </label>
            <div id="register_tnc_error">
            </div>
        </div>
        <div class="form-actions">
            <button type="submit" id="register-submit-btn" class="btn btn-success uppercase btn-block">Create</button>
        </div>
    </form>

Угловой контроллер для пароля Forget выглядит следующим образом

 var myApp = angular.module('Login_Upquire_Angular',[]);
 myApp.controller("ForgetPassword",['$scope',function($scope){
   $scope.passwordGenerator=function(){
    var email_id=$scope.ForgetPassEmailId;
       if (email_id=="[email protected]"){
        console.log("Reset Request is accepted");
        window.location="/login.html";
      }
    }
}]);

Как вы можете видеть на основе моего файла Angular js, я хочу проверить, совпадает ли данный пароль с [email protected], если да, то он должен печатать на моей консоли "Запрос на возврат" принят и возвращает меня на страницу входа (/login.html) и элементу формы, а именно форме входа в систему. Но я получаю следующую ошибку

Cannot POST /login.html

Может ли кто-нибудь помочь мне с этим? Я попытался, но не смог найти решение.

1 ответ

0
Лучший ответ

Вам нужно будет выполнить асинхронную проверку. Что-то вроде этого: http://www.codelord.net/2014/11/02/angularjs-1-dot-3-taste-async-validators/

Ещё вопросы

Сообщество Overcoder
Наверх
Меню