Como disparar manualmente a validação AngularJS de um botão fora das tags de formulário?
Dado este código:
<div ng-controller="MyCtrl">
<form ng-submit="onSubmitted()">
Header inputs:
<input type="name" ng-model="sample" required/>
<input type="name" ng-model="sampleX" required/>
<input type="submit" value="This submit triggers validation. But I wanted to put this button at the end of the page"/>
</form>
<hr/>
Some other form here. Think line items
<hr />
<a class="btn" ng-click="/* what could should be put here, so this can trigger the firt form's validation, then submit? */">Wanted this submit button to trigger the validation+submit on the form in which this button doesn't belong</a>
</div>
var app = angular.module('myApp', []);
function MyCtrl($scope) {
$scope.onSubmitted = function() {
alert('submitted!');
};
}
Eu quero que o último botão acione a validação (envie quando as coisas forem válidas) no primeiro formulário. A partir de agora, apenas o botão dentro do formulário pode acionar a validação e o envio desse formulário. Existe alguma maneira possível de um botão fora do formulário fazer isso?
Teste ao vivo:http://jsfiddle.net/dzjV4/1/