AngularJs專注於特定領域

這裏我使用angularJs，這裏怎麼專注於特定領域創建簡單的程序發生錯誤時提前感謝AngularJs專注於特定領域

var app = angular.module('myApp', []); 
 
app.controller('myCtrl', function($scope) { 
 
    
 
    
 
    $scope.save=function(){ 
 
    
 
     if($scope.firstName != undefined){ 
 
      if($scope.firstName.length < 3) { 
 
       alert("Please Enter More that 3 char"); 
 
      
 
      } 
 
     
 
     
 
     } 
 
    
 
    } 
 
\t 
 
\t 
 
     
 
})

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<body ng-app="myApp" ng-controller="myCtrl"> 
 
    
 
    <form> 
 
     <input type="text" ng-model="firstName"/> 
 
     <input type="submit" ng-click="save()"/> 
 
    </form> 
 
    
 
    
 
</body>

來源

2016-02-25 Nelson

下面是簡單的和最簡單的方法注重元素。你將能夠專注於使用JavaScript的元素。

<body ng-app="myApp" ng-controller="myCtrl"> 
    <form> 
     <input type="text" ng-model="firstName" id="firstName" /> 
     <input type="submit" ng-click="save()" /> 
    </form> 
</body> 
<script> 
    var app = angular.module('myApp', []); 
    app.controller('myCtrl', function ($scope, $window) { 
    $scope.save = function() { 
     if ($scope.firstName != undefined) { 
      if ($scope.firstName.length < 3) { 
       alert("Please Enter More that 3 char"); 
       var element = $window.document.getElementById("firstName"); 
       if (element) 
        element.focus(); 
      } 
     } 
     } 
    }); 
</script>

來源

2016-02-25 05:53:04

試試這個，當您嘗試提交表單時，它將關注包含錯誤的元素。
您的HTML：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 

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

    <form name="formname" id="form1" novalidate ng-submit="form(formname)"> 
     <input type="text" ng-model="firstName"/> 
     <input type="submit"/> 
    </form> 


</body>

，並在控制器中編寫代碼

$scope.form = function (form) { 
       var firstError = null; 
       if (form.$invalid) { 

        var field = null, firstError = null; 
        for (field in form) { 
         if (field[0] != '$') { 
          if (firstError === null && !form[field].$valid) { 
           firstError = form[field].$name; 
          } 

          if (form[field].$pristine) { 
           form[field].$dirty = true; 
          } 
         } 
        } 
        angular.element('.ng-invalid[name=' + firstError + ']').focus(); 
        return; 
       } else { 

        $scope.save() 
       } 
      }

來源

2016-02-25 06:02:27

AngularJs專注於特定領域

回答

相關問題