设置ng-submit表单的提交按钮

时间:2014-10-24 11:37:16

标签: angularjs form-submit

根据the docs,在表单中按Enter键将“触发第一个按钮上的点击处理程序或输入[type = submit](ngClick)和封闭表单上的提交处理程序(ngSubmit) ”。有没有办法改为设置应该触发哪个按钮?

我有一个表单,其中pickadate.js在提交按钮之前创建了一些按钮元素。

1 个答案:

答案 0 :(得分:4)

提交按钮前的按钮数量并不重要。

如果ngSubmit内的表单元素函数有ng-submit=""指令,则会被触发。

例如。

<div ng-controller="MyCtrl">
    <form ng-submit="processForm()" name="myFormName">
        <input type="text" ng-model="myForm.name" placeholder="name" required="required"/>
        <input type="text" ng-model="myForm.email" placeholder="email" required="required"/>

        <input type="button" value="First button" ng-click="alert('First button')"/>
        <input type="button" value="Second button" ng-click="alert('Second button')"/>
        <input type="submit" value="Submit"/>
    </form>
</div>

当您按下“输入”键时key(在我的示例中)angular将调用$scope.processForm函数,您将看到&#34;正在提交表单。&#34;信息。

$scope.processForm = function(){
    alert("Submitting form..");
}

我为您创建了JSFiddle示例。