Please note, this is a STATIC archive of website www.w3schools.com from 05 May 2020, cach3.com does not collect or store any user information, there is no "phishing" involved.
THE WORLD'S LARGEST WEB DEVELOPER SITE

AngularJS ng-submit Directive


Example

Run a function when the form is submitted:

<body ng-app="myApp" ng-controller="myCtrl">

<form ng-submit="myFunc()">
    <input type="text">
    <input type="submit">
</form>

<p>{{myTxt}}</p>

<script>
var app = angular.module("myApp", []);
app.controller("myCtrl", function($scope) {
    $scope.myTxt = "You have not yet clicked submit";
    $scope.myFunc = function () {
        $scope.myTxt = "You clicked submit!";
    }
});
</script>
</body>
Try it Yourself »

Definition and Usage

The ng-submit directive specifies a function to run when the form is submitted.

If the form does not have an action ng-submit will prevent the form from being submitted.


Syntax

<form ng-submit="expression"></form>

Supported by the <form> element.


Parameter Values

Value Description
expression A function to be called when the form is being submitted, or an expression to be evaluated, which should return a function call.