Biorąc pod uwagę ten kod:

<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!');
    };
}

Chcę, aby ostatni przycisk uruchamiał sprawdzanie poprawności (a następnie przesyłanie, gdy wszystko jest prawidłowe) na pierwszym formularzu. Obecnie tylko przycisk wewnątrz formularza może wywołać weryfikację i przesłanie tego formularza. Czy jest jakiś sposób, aby przycisk poza formularzem mógł to zrobić?

Test na żywo:http://jsfiddle.net/dzjV4/1/