javascript – 如何从表单标签之外的按钮手动触发AngularJS验证?

给出这个代码:

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

我想要最后一个按钮触发验证(然后在有效的情况下提交)在第一个表单上。到目前为止,只有表单中的按钮才能触发表单的验证和提交。表单外的按钮是否有任何可能的方法呢?

现场测试:http://jsfiddle.net/dzjV4/1/

您可以创建指令,然后您可以附加到< a class =“btn”....检查此jsfiddle http://jsfiddle.net/dzjV4/2/

请注意,我添加到< input type ='submit'id ='clickMe'...并将其链接到底部的< a class ='btn'linked =“clickMe”...

http://stackoverflow.com/questions/11920482/how-to-manually-trigger-angularjs-validation-from-a-button-outside-of-the-form-t

本站文章除注明转载外,均为本站原创或编译
转载请明显位置注明出处:javascript – 如何从表单标签之外的按钮手动触发AngularJS验证?