Как проверить форму, когда ng-click в AngularJS

Question

Любые идеи о том, как я могу сделать проверку html/браузера в приведенном ниже коде, когда также нужно вызвать метод. Также я не могу использовать тип отправки как метод, потому что он используется где-то еще. Мне нужна альтернатива для ng-click, я полагаю.

<input type="submit" ng-click="vm.submit1()" class="submitBtn" /> 

Я предполагаю, что я только хочу, чтобы нг нажмите, чтобы работать только в случае, если нг подать была утверждена поля.

Answer 1

Внутри функций submit1, могли бы вы проверить формы. $ Действуют?

<input type="button" ng-click="vm.submit1(form)" class="submitBtn" /> 

function YourController() { 

    var self = this; 
    self.submit1 = function(form) { 
     if (form.$valid) { // OR self.form.$valid 
     ... 
     } 
    } 

} 

Answer 2

использовать его на кнопке с именем формы, она будет удерживать кнопку до тех пор, пока данные формы не будут проверены.

ng-disabled="frmLogin.$invalid" 

вот полный код для нормальной формы авторизации для помощи

<form novalidate name="frmLogin" id="frmLogin" ng-submit="vm.doLogin()"> 

      <div class="form-group"> 
       <label>Email</label> 
       <input class="form-control" type="email" name="txtusername" id="txtusername" ng-model="vm.newLogin.username" required/> 
       <span class="text-danger" ng-show="frmLogin.txtusername.$error.required">Email is required.</span> 
      </div> 
      <div class="form-group"> 
       <label>Password</label> 
       <input class="form-control" type="password" name="txtpassword" id="txtpassword" ng-model="vm.newLogin.password" required/> 
       <span class="text-danger" ng-show="frmLogin.txtpassword.$error.required">Password is required.</span> 
      </div> 
      <div class="form-group"> 
       <button type="submit" class="btn btn-default" ng-disabled="frmLogin.$invalid">Login</button> 

      </div> 
      <div> 
       Don't have a Account? <a href="#/Register"><strong>Register Now</strong></a> 
      </div> 
     </form>