AngularJS | ng-submit指令

AngularJS中的ng-submit指令用于指定要在提交事件上运行的功能。如果该表单不包含操作，则可用于阻止该表单提交。它由

元素支持。

句法：

 Content ...  

范例1：

    
        ng-submit Directive
        
        
  
    
    
      GeeksforGeeks
      ng-submit Directive
  
    
            
               Enter Email: 
               
               
               {{errorMsg}}  
               
               
            
    
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.save = function ($this) {
                if ($this.form1.email.$error.required) {
                    $scope.errorMsg = "This field is required";
                }
                else if ($this.form1.$invalid) {
                    $scope.errorMsg = "Email is not valid";
                }
                else {
                    $scope.errorMsg = "";
                    alert("The given Email is accepted.");
                }
            }
        }]);
    

输出：
点击前：

点击后：

范例2：

    
        ng-submit Directive
        
        
  
    
    
      GeeksforGeeks
      ng-submit Directive
    
            
            User Name: 
                        
            Click to Login
            
            
            Welcome {{name}} 
             You are successfully login
             
            
    
    
        var app = angular.module("app", []);
        app.controller('geek', ['$scope', function ($scope) {
            $scope.users = {
                user: ""
            };
            $scope.login = function () {
                $scope.isShow = true;
                $scope.name = $scope.users.user;
                $scope.users = {
                    user: ""
                }
            };
        }]);
    

输出：
点击前：

点击后：